bug fix

packages/frontend/src/pages/about.emojis.vue

@@ -67,14 +67,14 @@ import XEmoji from './emojis.emoji.vue';
 import MkButton from '@/components/MkButton.vue';
 import MkInput from '@/components/MkInput.vue';
 import MkFoldableSection from '@/components/MkFoldableSection.vue';
-import { customEmojis, customEmojiCategories } from '@/custom-emojis.js';
+import {customEmojis, customEmojiCategories, getCustomEmojiTags} from '@/custom-emojis.js';
 import { i18n } from '@/i18n.js';
 import * as os from '@/os';
 import { $i } from '@/account.js';
 import { definePageMetadata } from '@/scripts/page-metadata';
 
-let tab = $ref('emojis');
-const headerActions = $computed(() => []);
+let tab = ref('emojis');
+const headerActions = computed(() => []);
 
 const customEmojiTags = getCustomEmojiTags();
 const q = ref('');

packages/frontend/src/pages/about.vue

@@ -102,7 +102,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 </template>
 
 <script lang="ts" setup>
-import {computed, ref, watch, ref } from 'vue';
+import {computed, ref, watch } from 'vue';
 import XEmojis from './about.emojis.vue';
 import XFederation from './about.federation.vue';
 import { version, host } from '@/config.js';

packages/frontend/src/pages/admin/index.vue

@@ -28,7 +28,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 </template>
 
 <script lang="ts" setup>
-import {computed, onActivated, onMounted, onUnmounted, provide, ref, watch, ref, computed } from 'vue';
+import {computed, onActivated, onMounted, onUnmounted, provide, ref, watch } from 'vue';
 import { i18n } from '@/i18n.js';
 import MkSuperMenu from '@/components/MkSuperMenu.vue';
 import MkInfo from '@/components/MkInfo.vue';

packages/frontend/src/pages/admin/other-settings.vue

@@ -69,18 +69,18 @@ const enableServerMachineStats = ref<boolean>(false);
 const enableIdenticonGeneration = ref<boolean>(false);
 const enableChartsForRemoteUser = ref<boolean>(false);
 const enableChartsForFederatedInstances = ref<boolean>(false);
-let DiscordWebhookUrl: string | null = $ref(null);
-let EmojiBotToken: string | null = $ref(null);
-let ApiBase:string | null = $ref(null)
+let DiscordWebhookUrl = ref(null);
+let EmojiBotToken= ref(null);
+let ApiBase= ref(null)
 async function init() {
 	const meta = await os.api('admin/meta');
 	enableServerMachineStats.value = meta.enableServerMachineStats;
 	enableIdenticonGeneration.value = meta.enableIdenticonGeneration;
 	enableChartsForRemoteUser.value = meta.enableChartsForRemoteUser;
 	enableChartsForFederatedInstances.value = meta.enableChartsForFederatedInstances;
-    DiscordWebhookUrl = meta.DiscordWebhookUrl;
-    EmojiBotToken = meta.EmojiBotToken;
-    ApiBase = meta.ApiBase;
+    DiscordWebhookUrl.value = meta.DiscordWebhookUrl;
+    EmojiBotToken.value = meta.EmojiBotToken;
+    ApiBase.value = meta.ApiBase;
 }
 
 function save() {
@@ -89,9 +89,9 @@ function save() {
 		enableIdenticonGeneration: enableIdenticonGeneration.value,
 		enableChartsForRemoteUser: enableChartsForRemoteUser.value,
 		enableChartsForFederatedInstances: enableChartsForFederatedInstances.value,
-        DiscordWebhookUrl,
-        EmojiBotToken,
-        ApiBase
+        DiscordWebhookUrl:DiscordWebhookUrl.value,
+        EmojiBotToken:EmojiBotToken.value,
+        ApiBase:ApiBase.value
 	}).then(() => {
 		fetchInstance();
 	});

packages/frontend/src/pages/timeline.vue

@@ -67,7 +67,7 @@ const src = computed({ get: () => ($i ? defaultStore.reactiveState.tl.value.src
 const withRenotes = ref(true);
 const withReplies = ref($i ? defaultStore.state.tlWithReplies : false);
 const onlyFiles = ref(false);
-const isShowMediaTimeline = $ref(defaultStore.state.showMediaTimeline)
+const isShowMediaTimeline = ref(defaultStore.state.showMediaTimeline)
 
 watch(src, () => queue.value = 0);
 
@@ -226,7 +226,7 @@ const headerTabs = computed(() => [...(defaultStore.reactiveState.pinnedUserList
     title: i18n.ts._timelines.local,
     icon: 'ti ti-planet',
     iconOnly: true,
-}, ...(isShowMediaTimeline ? [{
+}, ...(isShowMediaTimeline.value ? [{
     key: 'media',
     title: i18n.ts._timelines.media,
     icon: 'ti ti-photo',