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

src/components/tasks/gantt-component.vue

@@ -618,7 +618,7 @@ $gantt-vertical-border-color: $grey-100;
 		z-index: 5;
 
 		// FIXME: should be an option of the card, e.g. overflow
-		::v-deep.card-content {
+		:deep(.card-content) {
 			max-height: 60vh;
 			overflow-y: auto;
 		}

src/components/tasks/partials/defer-task.vue

@@ -164,7 +164,7 @@ $defer-task-max-width: 350px + 100px;
 	margin: .5rem 0;
 }
 
-::v-deep {
+:deep() {
 	input.input {
 		display: none;
 	}

src/components/tasks/partials/editAssignees.vue

@@ -126,7 +126,7 @@ export default {
 		margin-left: -1.5rem;
 	}
 
-	::v-deep.user img {
+	:deep(.user img) {
 		border: 2px solid $white;
 		margin-right: 0;
 	}

src/components/tasks/partials/kanban-card.vue

@@ -173,7 +173,7 @@ $task-background: $white;
 		flex-wrap: wrap;
 		align-items: center;
 
-		::v-deep.tag,
+		:deep(.tag),
 		.assignees,
 		.icon,
 		.priority-label {
@@ -195,7 +195,7 @@ $task-background: $white;
 		}
 
 		// FIXME: should be in labels.vue
-		::v-deep.tag {
+		:deep(.tag) {
 			margin-left: 0;
 		}
 

src/components/tasks/partials/reminders.vue

@@ -111,7 +111,7 @@ export default {
     display: flex;
     align-items: center;
 
-    &.overdue ::v-deep.datepicker a.show {
+    &.overdue :deep(.datepicker a.show) {
       color: $red;
     }
 

src/components/tasks/partials/singleTaskInList.vue

@@ -313,7 +313,7 @@ export default {
 		opacity: 1;
 	}
 
-	::v-deep.fancycheckbox {
+	:deep(.fancycheckbox) {
 		height: 18px;
 		padding-top: 0;
 		padding-right: .5rem;