refactor(frontend): make openViewer and isInCall mixins composables

Signed-off-by: Grigorii Shartsev <grigorii.shartsev@nextcloud.com>

1 files changed, 7 insertions, 3 deletions

diff --git a/src/components/MessagesList/MessagesGroup/Message/MessagePart/FilePreview.vue b/src/components/MessagesList/MessagesGroup/Message/MessagePart/FilePreview.vue
index 11f9cdea0..b0b8a2218 100644
--- a/src/components/MessagesList/MessagesGroup/Message/MessagePart/FilePreview.vue
+++ b/src/components/MessagesList/MessagesGroup/Message/MessagePart/FilePreview.vue
@@ -84,7 +84,7 @@ import Tooltip from '@nextcloud/vue/dist/Directives/Tooltip.js'
 
 import AudioPlayer from './AudioPlayer.vue'
 
-import { openViewer } from '../../../../../mixins/openViewer.js'
+import { useViewer } from '../../../../../composables/useViewer.js'
 
 const PREVIEW_TYPE = {
 	TEMPORARY: 0,
@@ -107,8 +107,6 @@ export default {
 		tooltip: Tooltip,
 	},
 
-	mixins: [openViewer],
-
 	props: {
 		/**
 		 * File id
@@ -236,6 +234,12 @@ export default {
 			default: false,
 		},
 	},
+
+	setup() {
+		const { openViewer } = useViewer()
+		return { openViewer }
+	},
+
 	data() {
 		return {
 			isLoading: true,