diff --git a/apps/comments/src/views/Comments.vue b/apps/comments/src/views/Comments.vue
index 7936610ad12..326091723b9 100644
--- a/apps/comments/src/views/Comments.vue
+++ b/apps/comments/src/views/Comments.vue
@@ -22,7 +22,7 @@
   -->
 
 <template>
-	<div v-observe-visibility="onVisibilityChange"
+	<div v-element-visibility="onVisibilityChange"
 		class="comments"
 		:class="{ 'icon-loading': isFirstLoading }">
 		<!-- Editor -->
@@ -86,9 +86,7 @@
 <script>
 import { showError } from '@nextcloud/dialogs'
 import { translate as t } from '@nextcloud/l10n'
-import VTooltip from 'v-tooltip'
-import Vue from 'vue'
-import VueObserveVisibility from 'vue-observe-visibility'
+import { vElementVisibility } from '@vueuse/components'
 
 import NcEmptyContent from '@nextcloud/vue/dist/Components/NcEmptyContent.js'
 import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
@@ -97,13 +95,10 @@ import MessageReplyTextIcon from 'vue-material-design-icons/MessageReplyText.vue
 import AlertCircleOutlineIcon from 'vue-material-design-icons/AlertCircleOutline.vue'
 
 import Comment from '../components/Comment.vue'
-import { getComments, DEFAULT_LIMIT } from '../services/GetComments.ts'
+import CommentView from '../mixins/CommentView'
 import cancelableRequest from '../utils/cancelableRequest.js'
+import { getComments, DEFAULT_LIMIT } from '../services/GetComments.ts'
 import { markCommentsAsRead } from '../services/ReadComments.ts'
-import CommentView from '../mixins/CommentView'
-
-Vue.use(VTooltip)
-Vue.use(VueObserveVisibility)
 
 export default {
 	name: 'Comments',
@@ -117,6 +112,10 @@ export default {
 		AlertCircleOutlineIcon,
 	},
 
+	directives: {
+		vElementVisibility,
+	},
+
 	mixins: [CommentView],
 
 	data() {
diff --git a/package-lock.json b/package-lock.json
index b377598b8f0..3c6591be76d 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -33,8 +33,8 @@
         "@nextcloud/vue": "^8.11.2",
         "@simplewebauthn/browser": "^9.0.1",
         "@skjnldsv/sanitize-svg": "^1.0.2",
-        "@vueuse/components": "^10.7.2",
-        "@vueuse/core": "^10.7.2",
+        "@vueuse/components": "^10.9.0",
+        "@vueuse/core": "^10.9.0",
         "@vueuse/integrations": "^10.9.0",
         "backbone": "^1.4.1",
         "blueimp-md5": "^2.19.0",
@@ -82,8 +82,6 @@
         "vue-infinite-loading": "^2.4.5",
         "vue-localstorage": "^0.6.2",
         "vue-material-design-icons": "^5.0.0",
-        "vue-multiselect": "^2.1.9",
-        "vue-observe-visibility": "^1.0.0",
         "vue-router": "^3.6.5",
         "vuedraggable": "^2.24.3",
         "vuex": "^3.6.2",
@@ -27354,20 +27352,6 @@
       "resolved": "https://registry.npmjs.org/vue-material-design-icons/-/vue-material-design-icons-5.3.0.tgz",
       "integrity": "sha512-wnbRh+48RwX/Gt+iqwCSdWpm0hPBwwv9F7MSouUzZ2PsphYVMJB9KkG9iGs+tgBiT57ZiurFEK07Y/rFKx+Ekg=="
     },
-    "node_modules/vue-multiselect": {
-      "version": "2.1.9",
-      "resolved": "https://registry.npmjs.org/vue-multiselect/-/vue-multiselect-2.1.9.tgz",
-      "integrity": "sha512-nGEppmzhQQT2iDz4cl+ZCX3BpeNhygK50zWFTIRS+r7K7i61uWXJWSioMuf+V/161EPQjexI8NaEBdUlF3dp+g==",
-      "engines": {
-        "node": ">= 4.0.0",
-        "npm": ">= 3.0.0"
-      }
-    },
-    "node_modules/vue-observe-visibility": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/vue-observe-visibility/-/vue-observe-visibility-1.0.0.tgz",
-      "integrity": "sha512-s5TFh3s3h3Mhd3jaz3zGzkVHKHnc/0C/gNr30olO99+yw2hl3WBhK3ng3/f9OF+qkW4+l7GkmwfAzDAcY3lCFg=="
-    },
     "node_modules/vue-resize": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/vue-resize/-/vue-resize-1.0.1.tgz",
diff --git a/package.json b/package.json
index d01b3f5a5ee..e45ef6853e2 100644
--- a/package.json
+++ b/package.json
@@ -60,8 +60,8 @@
     "@nextcloud/vue": "^8.11.2",
     "@simplewebauthn/browser": "^9.0.1",
     "@skjnldsv/sanitize-svg": "^1.0.2",
-    "@vueuse/components": "^10.7.2",
-    "@vueuse/core": "^10.7.2",
+    "@vueuse/components": "^10.9.0",
+    "@vueuse/core": "^10.9.0",
     "@vueuse/integrations": "^10.9.0",
     "backbone": "^1.4.1",
     "blueimp-md5": "^2.19.0",
@@ -109,8 +109,6 @@
     "vue-infinite-loading": "^2.4.5",
     "vue-localstorage": "^0.6.2",
     "vue-material-design-icons": "^5.0.0",
-    "vue-multiselect": "^2.1.9",
-    "vue-observe-visibility": "^1.0.0",
     "vue-router": "^3.6.5",
     "vuedraggable": "^2.24.3",
     "vuex": "^3.6.2",