fix: use :deep() selector instead of ::v-deep

src/views/list/views/Kanban.vue

@@ -730,7 +730,7 @@ $filter-container-height: '1rem - #{$switch-view-height}';
 		}
 	}
 
-	::v-deep.dropdown-trigger {
+	:deep(.dropdown-trigger) {
 		cursor: pointer;
 		padding: .5rem;
 	}

src/views/tasks/ShowTasks.vue

@@ -265,7 +265,7 @@ export default {
 			margin-top: 3rem;
 		}
 
-		.input {
+		:deep(.input) {
 			width: 190px;
 			vertical-align: middle;
 			margin: .5rem 0;

src/views/tasks/TaskDetailView.vue

@@ -723,7 +723,7 @@ $flash-background-duration: 750ms;
     color: $grey-400;
   }
 
-  ::v-deep.heading {
+  :deep(.heading) {
     display: flex;
     justify-content: space-between;
     text-transform: none;
@@ -766,7 +766,7 @@ $flash-background-duration: 750ms;
     }
   }
 
-  ::v-deep.datepicker {
+  :deep(.datepicker) {
     width: 100%;
 
     a.show {
@@ -809,7 +809,7 @@ $flash-background-duration: 750ms;
 
     &.labels-list,
 	.assignees {
-      ::v-deep.multiselect {
+      :deep(.multiselect) {
         .input-wrapper {
           &:not(:focus-within):not(:hover) {
             background: transparent !important;
@@ -820,8 +820,8 @@ $flash-background-duration: 750ms;
     }
   }
 
-  ::v-deep.details,
-  ::v-deep.heading {
+  :deep(.details),
+  :deep(.heading) {
     .input:not(.has-defaults),
     .textarea,
     .select:not(.has-defaults) select {