Merge pull request #44849 from nextcloud/fix/drop-old-dependencies

fix: Drop unmaintained and unused dependencies

1 files changed, 8 insertions, 9 deletions

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() {