style(frontend): fix autofixable eslint errors (#9968)

packages/frontend/src/components/MkDonation.vue

@@ -50,7 +50,7 @@ function close() {
 }
 
 function neverShow() {
-	miLocalStorage.setItem('neverShowDonationInfo', 'true')
+	miLocalStorage.setItem('neverShowDonationInfo', 'true');
 	close();
 }
 </script>

packages/frontend/src/components/MkEmojiPickerWindow.vue

@@ -7,7 +7,7 @@
 	:front="true"
 	@closed="emit('closed')"
 >
-	<MkEmojiPicker :show-pinned="showPinned" :as-reaction-picker="asReactionPicker" as-window @chosen="chosen" :class="$style.picker"/>
+	<MkEmojiPicker :show-pinned="showPinned" :as-reaction-picker="asReactionPicker" as-window :class="$style.picker" @chosen="chosen"/>
 </MkWindow>
 </template>
 

packages/frontend/src/components/MkReactionsViewer.vue

@@ -51,7 +51,7 @@ watch([() => props.note.reactions, () => props.maxNumber], ([newSource, maxNumbe
 		...Object.entries(newSource)
 			.sort(([, a], [, b]) => b - a)
 			.filter(([y], i) => i < maxNumber && !newReactionsNames.includes(y)),
-	]
+	];
 
 	newReactions = newReactions.slice(0, props.maxNumber);
 

packages/frontend/src/components/global/MkPageHeader.tabs.vue

@@ -8,8 +8,8 @@
 					<i v-if="t.icon" :class="[$style.tabIcon, t.icon]"></i>
 					<div v-if="!t.iconOnly || (!defaultStore.reactiveState.animation.value && t.key === tab)"
 						:class="$style.tabTitle">{{ t.title }}</div>
-					<Transition v-else @enter="enter" @after-enter="afterEnter" @leave="leave" @after-leave="afterLeave"
-						mode="in-out">
+					<Transition v-else mode="in-out" @enter="enter" @after-enter="afterEnter" @leave="leave"
+						@after-leave="afterLeave">
 						<div v-show="t.key === tab" :class="[$style.tabTitle, $style.animate]">{{ t.title }}</div>
 					</Transition>
 				</div>

packages/frontend/src/components/global/MkPageHeader.vue

@@ -19,7 +19,7 @@
 					</div>
 				</div>
 			</div>
-			<XTabs v-if="!narrow || hideTitle" :class="$style.tabs" :tab="tab" @update:tab="key => emit('update:tab', key)" :tabs="tabs" :root-el="el" @tab-click="onTabClick"/>
+			<XTabs v-if="!narrow || hideTitle" :class="$style.tabs" :tab="tab" :tabs="tabs" :root-el="el" @update:tab="key => emit('update:tab', key)" @tab-click="onTabClick"/>
 		</template>
 		<div v-if="(!thin_ && narrow && !hideTitle) || (actions && actions.length > 0)" :class="$style.buttonsRight">
 			<template v-for="action in actions">
@@ -28,7 +28,7 @@
 		</div>
 	</div>
 	<div v-if="(narrow && !hideTitle) && hasTabs" :class="[$style.lower, { [$style.slim]: narrow, [$style.thin]: thin_ }]">
-		<XTabs :class="$style.tabs" :tab="tab" @update:tab="key => emit('update:tab', key)" :tabs="tabs" :root-el="el" @tab-click="onTabClick"/>
+		<XTabs :class="$style.tabs" :tab="tab" :tabs="tabs" :root-el="el" @update:tab="key => emit('update:tab', key)" @tab-click="onTabClick"/>
 	</div>
 </div>
 </template>
@@ -40,7 +40,7 @@ import { scrollToTop } from '@/scripts/scroll';
 import { globalEvents } from '@/events';
 import { injectPageMetadata } from '@/scripts/page-metadata';
 import { $i, openAccountMenu as openAccountMenu_ } from '@/account';
-import XTabs, { Tab } from './MkPageHeader.tabs.vue'
+import XTabs, { Tab } from './MkPageHeader.tabs.vue';
 
 const props = withDefaults(defineProps<{
 	tabs?: Tab[];

packages/frontend/src/ui/classic.vue

@@ -124,7 +124,7 @@ function onAiClick(ev) {
 }
 
 if (window.innerWidth < 1024) {
-	const currentUI = miLocalStorage.getItem('ui')
+	const currentUI = miLocalStorage.getItem('ui');
 	miLocalStorage.setItem('ui_temp', currentUI || 'default');
 	miLocalStorage.setItem('ui', 'default');
 	location.reload();