fix bugs

packages/frontend/src/components/MkNote.vue

@@ -130,7 +130,7 @@
 </template>
 
 <script lang="ts" setup>
-import { computed, inject, onMounted, ref, shallowRef, Ref, defineAsyncComponent } from 'vue';
+import { computed, inject, onMounted, onUnmounted, ref, shallowRef, Ref, defineAsyncComponent } from 'vue';
 import * as mfm from 'mfm-js';
 import * as misskey from 'misskey-js';
 import MkNoteSub from '@/components/MkNoteSub.vue';

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

@@ -43,6 +43,7 @@ import { scrollToTop } from '@/scripts/scroll';
 import { globalEvents } from '@/events';
 import { injectPageMetadata } from '@/scripts/page-metadata';
 import { $i, openAccountMenu as openAccountMenu_ } from '@/account';
+import { i18n } from '@/i18n';
 import XTabs, { Tab } from './MkPageHeader.tabs.vue';
 
 const props = withDefaults(defineProps<{

packages/frontend/src/store.ts

@@ -51,7 +51,7 @@ export const defaultStore = markRaw(new Storage('base', {
 	},
 	rememberNoteVisibility: {
 		where: 'account',
-		default: true
+		default: true,
 	},
 	defaultNoteVisibility: {
 		where: 'account',
@@ -159,7 +159,7 @@ export const defaultStore = markRaw(new Storage('base', {
 	},
 	animatedMfm: {
 		where: 'device',
-		default: false,
+		default: true,
 	},
 	advancedMfm: {
 		where: 'device',
@@ -183,7 +183,7 @@ export const defaultStore = markRaw(new Storage('base', {
 	},
 	disableDrawer: {
 		where: 'device',
-		default: true
+		default: true,
 	},
 	useBlurEffectForModal: {
 		where: 'device',
@@ -203,7 +203,7 @@ export const defaultStore = markRaw(new Storage('base', {
 	},
 	useReactionPickerForContextMenu: {
 		where: 'device',
-		default: true
+		default: true,
 	},
 	showGapBetweenNotesInTimeline: {
 		where: 'device',
@@ -223,11 +223,11 @@ export const defaultStore = markRaw(new Storage('base', {
 	},
 	reactionPickerWidth: {
 		where: 'device',
-		default: 3
+		default: 3,
 	},
 	reactionPickerHeight: {
 		where: 'device',
-		default: 4
+		default: 4,
 	},
 	reactionPickerUseDrawerForMobile: {
 		where: 'device',
@@ -284,7 +284,7 @@ export const defaultStore = markRaw(new Storage('base', {
 	streamerMode: {
 		where: 'device',
 		default: false,
-	}
+	},
 }));
 
 // TODO: 他のタブと永続化されたstateを同期

packages/frontend/src/ui/deck.vue

@@ -25,7 +25,7 @@
 					@parent-focus="moveFocus(ids[0], $event)"
 				/>
 			</template>
-			<div v-if="layout.length === 0" class="_panel" :class="$style.onboarding">
+			<div v-if="layout.length === 0" class="_panel blur" :class="$style.onboarding">
 				<div>{{ i18n.ts._deck.introduction }}</div>
 				<MkButton primary style="margin: 1em auto;" @click="addColumn">{{ i18n.ts._deck.addColumn }}</MkButton>
 				<div>{{ i18n.ts._deck.introduction2 }}</div>