🚨 fix build warnings

::v-deep usage as a combinator has been deprecated

Signed-off-by: Vinicius Reis <vinicius.reis@nextcloud.com>

6 files changed, 17 insertions, 17 deletions

diff --git a/src/components/EditorWrapper.vue b/src/components/EditorWrapper.vue
index 8f4ec45b3..3cb988dd4 100644
--- a/src/components/EditorWrapper.vue
+++ b/src/components/EditorWrapper.vue
@@ -750,13 +750,13 @@ export default {
 		overflow: hidden;
 		position: absolute;
 
-		&.show-color-annotations::v-deep .author-annotation {
+		&.show-color-annotations::v-deep(.author-annotation) {
 			padding-top: 2px;
 			padding-bottom: 2px;
 		}
 
-		&:not(.show-color-annotations)::v-deep .author-annotation,
-		&:not(.show-color-annotations)::v-deep .image {
+		&:not(.show-color-annotations)::v-deep(.author-annotation),
+		&:not(.show-color-annotations)::v-deep(.image) {
 			background-color: transparent !important;
 		}
 
@@ -867,7 +867,7 @@ export default {
 	}
 
 	.ie {
-		.editor__content::v-deep .ProseMirror {
+		.editor__content::v-deep(.ProseMirror) {
 			padding-top: 50px;
 		}
 	}
diff --git a/src/components/GuestNameDialog.vue b/src/components/GuestNameDialog.vue
index 768e69a44..71c40fbd6 100644
--- a/src/components/GuestNameDialog.vue
+++ b/src/components/GuestNameDialog.vue
@@ -102,7 +102,7 @@ export default {
 		align-items: center;
 		padding: 6px;
 
-		&::v-deep img {
+		&::v-deep(img) {
 			margin: 0 !important;
 		}
 
diff --git a/src/components/HelpModal.vue b/src/components/HelpModal.vue
index 7f9bf9f45..96e2dd66f 100644
--- a/src/components/HelpModal.vue
+++ b/src/components/HelpModal.vue
@@ -203,7 +203,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-	::v-deep .modal-wrapper {
+	::v-deep(.modal-wrapper) {
 		.modal-container {
 			padding: 30px 40px 20px;
 			user-select: text;
diff --git a/src/nodes/Callout.vue b/src/nodes/Callout.vue
index 4a2f87149..0d02714fe 100644
--- a/src/nodes/Callout.vue
+++ b/src/nodes/Callout.vue
@@ -86,7 +86,7 @@ export default {
 
 	.callout__content {
 		margin-left: 1em;
-		&::v-deep p {
+		&::v-deep(p) {
 			&:last-child {
 				margin-bottom: 0;
 			}
@@ -94,7 +94,7 @@ export default {
 	}
 
 	.callout__icon {
-		&, ::v-deep svg {
+		&, ::v-deep(svg) {
 			color: var(--callout-border);
 		}
 	}
diff --git a/src/views/DirectEditing.vue b/src/views/DirectEditing.vue
index a2ee10727..676c464a5 100644
--- a/src/views/DirectEditing.vue
+++ b/src/views/DirectEditing.vue
@@ -136,11 +136,11 @@ export default {
 		position: fixed;
 		overflow: hidden;
 
-		&::v-deep .text-editor {
+		&::v-deep(.text-editor) {
 			height: 100%;
 			top: 0;
 		}
-		&::v-deep .text-editor__wrapper div.ProseMirror {
+		&::v-deep(.text-editor__wrapper div.ProseMirror) {
 			margin-top: 0;
 		}
 	}
diff --git a/src/views/RichWorkspace.vue b/src/views/RichWorkspace.vue
index bfca53088..a1f477c73 100644
--- a/src/views/RichWorkspace.vue
+++ b/src/views/RichWorkspace.vue
@@ -250,7 +250,7 @@ export default {
 		color: var(--color-text-maxcontrast);
 	}
 
-	#rich-workspace::v-deep div[contenteditable=false] {
+	#rich-workspace::v-deep(div[contenteditable=false]){
 		width: 100%;
 		padding: 0px;
 		background-color: var(--color-main-background);
@@ -258,34 +258,34 @@ export default {
 		border: none;
 	}
 
-	#rich-workspace::v-deep .text-editor {
+	#rich-workspace::v-deep(.text-editor) {
 		height: 100%;
 		position: unset !important;
 		top: auto !important;
 	}
 
-	#rich-workspace::v-deep .text-editor__wrapper {
+	#rich-workspace::v-deep(.text-editor__wrapper) {
 		position: unset !important;
 		overflow: visible;
 	}
 
-	#rich-workspace::v-deep .text-editor__main {
+	#rich-workspace::v-deep(.text-editor__main) {
 		overflow: visible !important;
 	}
 
-	#rich-workspace::v-deep .content-wrapper {
+	#rich-workspace::v-deep(.content-wrapper) {
 		overflow: scroll !important;
 		max-height: calc(40vh - 50px);
 		padding-left: 10px;
 		padding-bottom: 60px; /* ensure menububble fits below */
 	}
 
-	#rich-workspace::v-deep .text-editor__wrapper .ProseMirror {
+	#rich-workspace::v-deep(.text-editor__wrapper .ProseMirror) {
 		padding: 0px;
 		margin: 0;
 	}
 
-	#rich-workspace::v-deep .editor__content {
+	#rich-workspace::v-deep(.editor__content) {
 		margin: 0;
 	}