chore: update code to Vue 3

Signed-off-by: Maksim Sukharev <[email protected]>

Author: Antreesy

src/components/LogDetailsModal.vue

@@ -9,9 +9,9 @@
 		size="large"
 		:has-previous="index > 0"
 		:has-next="index < logEntries.length - 1"
-		@next="$emit('update:currentEntry', logEntries[index + 1])"
-		@previous="$emit('update:currentEntry', logEntries[index - 1])"
-		@update:show="$emit('update:open', false)">
+		@next="emit('update:currentEntry', logEntries[index + 1])"
+		@previous="emit('update:currentEntry', logEntries[index - 1])"
+		@update:show="emit('update:open', false)">
 		<template #default>
 			<div class="log-details">
 				<dl :class="cssLevelClass">
@@ -82,6 +82,11 @@ const props = defineProps<{
 	logEntries: readonly ILogEntry[]
 }>()
 
+const emit = defineEmits<{
+	(event: 'update:currentEntry', value: ILogEntry): void
+	(event: 'update:open', value: false): void
+}>()
+
 hljs.registerLanguage('json', json)
 
 const { formatTime, formatLogEntry } = useLogFormatting()

src/components/table/LogTableRow.vue

@@ -47,7 +47,7 @@
 		</td>
 		<td>
 			<NcActions placement="left-start">
-				<NcActionButton close-after-click @click="$emit('show-details', row)">
+				<NcActionButton close-after-click @click="emit('show-details', row)">
 					<template #icon>
 						<IconViewList />
 					</template>
@@ -100,6 +100,10 @@ const props = withDefaults(
 	},
 )
 
+const emit = defineEmits<{
+	(event: 'show-details', value: ILogEntry): void
+}>()
+
 const settingsStore = useSettingsStore()
 const isRawDate = computed(() => settingsStore.dateTimeFormat === 'raw')
 const isRelativeDate = computed(() => settingsStore.dateTimeFormat === 'relative')