diff --git a/src/App.vue b/src/App.vue
index 135023ad..4e06422b 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -12,21 +12,21 @@
 
 <script lang="ts" setup>
 import { app, event, fs, tauri, window as TauriWindow } from "@tauri-apps/api";
-import { UnlistenFn } from "@tauri-apps/api/helpers/event";
+import { UnlistenFn, Event } from "@tauri-apps/api/helpers/event";
 import { storeToRefs } from "pinia";
 import { computed, onBeforeMount, onMounted, onUnmounted, ref } from "vue";
 import { useRouter } from "vue-router";
 
 import TBackTop from "./components/app/t-backTop.vue";
 import TSidebar from "./components/app/t-sidebar.vue";
-import showConfirm from "./components/func/confirm";
-import showSnackbar from "./components/func/snackbar";
-import TGSqlite from "./plugins/Sqlite";
-import { useAppStore } from "./store/modules/app";
-import { useUserStore } from "./store/modules/user";
-import { getBuildTime } from "./utils/TGBuild";
-import TGLogger from "./utils/TGLogger";
-import TGRequest from "./web/request/TGRequest";
+import showConfirm from "./components/func/confirm.js";
+import showSnackbar from "./components/func/snackbar.js";
+import TGSqlite from "./plugins/Sqlite/index.js";
+import { useAppStore } from "./store/modules/app.js";
+import { useUserStore } from "./store/modules/user.js";
+import { getBuildTime } from "./utils/TGBuild.js";
+import TGLogger from "./utils/TGLogger.js";
+import TGRequest from "./web/request/TGRequest.js";
 
 const appStore = useAppStore();
 const userStore = storeToRefs(useUserStore());
@@ -54,8 +54,8 @@ onBeforeMount(async () => {
 
 onMounted(async () => {
   document.documentElement.className = theme.value;
-  themeListener = await event.listen("readTheme", async (e) => {
-    const themeGet = <string>e.payload;
+  themeListener = await event.listen("readTheme", async (e: Event<string>) => {
+    const themeGet = e.payload;
     if (theme.value !== themeGet) {
       theme.value = themeGet;
       document.documentElement.className = theme.value;
@@ -108,15 +108,18 @@ async function resetDB(): Promise<void> {
 // 检测 deviceFp
 async function checkDeviceFp(): Promise<void> {
   const appData = await TGSqlite.getAppData();
-  const deviceInfo = appData.find((item) => item.key === "deviceInfo")?.value;
   const deviceLocal = appStore.deviceInfo;
-  if (deviceInfo === undefined) {
-    if (deviceLocal.device_fp === "0000000000000")
+  const deviceFind = appData.find((item) => item.key === "deviceInfo");
+  if (typeof deviceFind === "undefined") {
+    if (deviceLocal.device_fp === "0000000000000") {
       appStore.deviceInfo = await TGRequest.Device.getFp(appStore.deviceInfo);
+    }
     await TGSqlite.saveAppData("deviceInfo", JSON.stringify(deviceLocal));
     return;
   }
-  if (JSON.parse(deviceInfo) !== deviceLocal) appStore.deviceInfo = JSON.parse(deviceInfo);
+  if (JSON.parse(deviceFind.value) !== deviceLocal) {
+    appStore.deviceInfo = JSON.parse(deviceFind.value);
+  }
 }
 
 // 检测 ck,info 数据
@@ -138,9 +141,9 @@ async function checkUserLoad(): Promise<void> {
   const infoLocal = userStore.briefInfo.value;
   const appData = await TGSqlite.getAppData();
   const infoDB = appData.find((item) => item.key === "userInfo")?.value;
-  if (infoDB === undefined && JSON.stringify(infoLocal) !== "{}") {
+  if (typeof infoDB === "undefined" && JSON.stringify(infoLocal) !== "{}") {
     await TGSqlite.saveAppData("userInfo", JSON.stringify(infoLocal));
-  } else if (infoDB !== undefined && infoLocal !== JSON.parse(infoDB)) {
+  } else if (typeof infoDB !== "undefined" && infoLocal !== JSON.parse(infoDB)) {
     userStore.briefInfo.value = JSON.parse(infoDB);
     console.info("briefInfo 数据已更新！");
   }
@@ -158,7 +161,7 @@ async function checkUserLoad(): Promise<void> {
   }
   if (accountDB !== accountLocal) userStore.account.value = accountDB;
   const userDir = appData.find((item) => item.key === "userDir")?.value;
-  if (userDir === undefined) {
+  if (typeof userDir === "undefined") {
     await TGSqlite.saveAppData("userDir", appStore.userDir);
     return;
   }
@@ -167,7 +170,7 @@ async function checkUserLoad(): Promise<void> {
 }
 
 async function getDeepLink(): Promise<UnlistenFn> {
-  return await event.listen("active_deep_link", async (e) => {
+  return await event.listen("active_deep_link", async (e: Event<unknown>) => {
     const windowGet = new TauriWindow.WebviewWindow("TeyvatGuide");
     if (await windowGet.isMinimized()) {
       await windowGet.unminimize();
@@ -215,7 +218,7 @@ async function getDeepLink(): Promise<UnlistenFn> {
 async function toUIAF(link: string) {
   const url = new URL(link);
   const app = url.searchParams.get("app");
-  if (app === null || app === "") {
+  if (app == null || app === "") {
     await router.push("/achievements");
   } else {
     await router.push("/achievements/?app=" + app);
diff --git a/src/components/app/t-sidebar.vue b/src/components/app/t-sidebar.vue
index ea749e0e..ec3ed0b3 100644
--- a/src/components/app/t-sidebar.vue
+++ b/src/components/app/t-sidebar.vue
@@ -243,15 +243,15 @@
 
 <script lang="ts" setup>
 import { event, window as TauriWindow } from "@tauri-apps/api";
-import { UnlistenFn } from "@tauri-apps/api/helpers/event";
+import { UnlistenFn, Event } from "@tauri-apps/api/helpers/event";
 import { storeToRefs } from "pinia";
 import { computed, onMounted, onUnmounted, ref, watch } from "vue";
 
-import { useAppStore } from "../../store/modules/app";
-import { useUserStore } from "../../store/modules/user";
-import mhyClient from "../../utils/TGClient";
-import TGLogger from "../../utils/TGLogger";
-import showSnackbar from "../func/snackbar";
+import { useAppStore } from "../../store/modules/app.js";
+import { useUserStore } from "../../store/modules/user.js";
+import mhyClient from "../../utils/TGClient.js";
+import TGLogger from "../../utils/TGLogger.js";
+import showSnackbar from "../func/snackbar.js";
 
 const appStore = useAppStore();
 const userStore = storeToRefs(useUserStore());
@@ -298,8 +298,8 @@ function collapse(): void {
 let themeListener: UnlistenFn;
 
 onMounted(async () => {
-  themeListener = await event.listen("readTheme", (e) => {
-    const theme = <string>e.payload;
+  themeListener = await event.listen("readTheme", (e: Event<string>) => {
+    const theme = e.payload;
     themeGet.value = theme === "default" ? "default" : "dark";
   });
   if (TauriWindow.getCurrent().label === "TeyvatGuide") {
@@ -329,9 +329,7 @@ function login(): void {
   });
 }
 
-onUnmounted(() => {
-  themeListener();
-});
+onUnmounted(() => themeListener());
 </script>
 
 <style lang="css" scoped>
diff --git a/src/components/app/t-switchTheme.vue b/src/components/app/t-switchTheme.vue
index 15b28e79..ed508767 100644
--- a/src/components/app/t-switchTheme.vue
+++ b/src/components/app/t-switchTheme.vue
@@ -9,10 +9,10 @@
 </template>
 <script lang="ts" setup>
 import { event } from "@tauri-apps/api";
-import { UnlistenFn } from "@tauri-apps/api/helpers/event";
+import { UnlistenFn, Event } from "@tauri-apps/api/helpers/event";
 import { computed, onMounted, onUnmounted } from "vue";
 
-import { useAppStore } from "../../store/modules/app";
+import { useAppStore } from "../../store/modules/app.js";
 
 const appStore = useAppStore();
 const themeGet = computed({
@@ -35,17 +35,13 @@ async function switchTheme(): Promise<void> {
 }
 
 async function listenOnTheme(): Promise<UnlistenFn> {
-  return await event.listen<string>("readTheme", (e) => {
+  return await event.listen("readTheme", (e: Event<string>) => {
     const theme = e.payload;
     themeGet.value = theme === "default" ? "default" : "dark";
   });
 }
 
-onUnmounted(() => {
-  if (themeListener) {
-    themeListener();
-  }
-});
+onUnmounted(() => themeListener());
 </script>
 <style lang="css" scoped>
 .switch-box {
diff --git a/src/components/config/tc-appBadge.vue b/src/components/config/tc-appBadge.vue
index a262c929..36fd903b 100644
--- a/src/components/config/tc-appBadge.vue
+++ b/src/components/config/tc-appBadge.vue
@@ -25,7 +25,7 @@
 import { app } from "@tauri-apps/api";
 import { computed, onMounted, ref } from "vue";
 
-import { useAppStore } from "../../store/modules/app";
+import { useAppStore } from "../../store/modules/app.js";
 
 const appStore = useAppStore();
 const versionApp = ref<string>();
diff --git a/src/components/config/tc-dataDir.vue b/src/components/config/tc-dataDir.vue
index 11cb9bd2..7b87c4de 100644
--- a/src/components/config/tc-dataDir.vue
+++ b/src/components/config/tc-dataDir.vue
@@ -43,13 +43,14 @@
 </template>
 <script lang="ts" setup>
 import { dialog, fs, path } from "@tauri-apps/api";
+import { FileEntry } from "@tauri-apps/api/fs";
 
-import TGSqlite from "../../plugins/Sqlite";
-import { useAppStore } from "../../store/modules/app";
-import { backUpUserData } from "../../utils/dataBS";
-import TGShell from "../../utils/TGShell";
-import showConfirm from "../func/confirm";
-import showSnackbar from "../func/snackbar";
+import TGSqlite from "../../plugins/Sqlite/index.js";
+import { useAppStore } from "../../store/modules/app.js";
+import { backUpUserData } from "../../utils/dataBS.js";
+import TGShell from "../../utils/TGShell.js";
+import showConfirm from "../func/confirm.js";
+import showSnackbar from "../func/snackbar.js";
 
 const appStore = useAppStore();
 
@@ -127,7 +128,7 @@ async function confirmCLD(): Promise<void> {
   }
   const logDir = appStore.logDir;
   const files = await fs.readDir(logDir);
-  const delFiles = files.filter((file) => {
+  const delFiles = files.filter((file: FileEntry) => {
     // yyyy-mm-dd.log
     const reg = /(\d{4}-\d{2}-\d{2}\.log)/;
     const match = file.path.match(reg);
diff --git a/src/components/config/tc-userBadge.vue b/src/components/config/tc-userBadge.vue
index 047c95ed..902352c8 100644
--- a/src/components/config/tc-userBadge.vue
+++ b/src/components/config/tc-userBadge.vue
@@ -17,19 +17,19 @@
 </template>
 <script lang="ts" setup>
 import { event, window as windowTauri } from "@tauri-apps/api";
-import type { UnlistenFn } from "@tauri-apps/api/helpers/event";
+import type { UnlistenFn, Event } from "@tauri-apps/api/helpers/event";
 import { storeToRefs } from "pinia";
 import { onMounted, onUnmounted, ref, watch } from "vue";
 
-import TGSqlite from "../../plugins/Sqlite";
-import { useAppStore } from "../../store/modules/app";
-import { useUserStore } from "../../store/modules/user";
-import TGClient from "../../utils/TGClient";
-import TGLogger from "../../utils/TGLogger";
-import { getDeviceFp } from "../../web/request/getDeviceFp";
-import TGRequest from "../../web/request/TGRequest";
-import showConfirm from "../func/confirm";
-import showSnackbar from "../func/snackbar";
+import TGSqlite from "../../plugins/Sqlite/index.js";
+import { useAppStore } from "../../store/modules/app.js";
+import { useUserStore } from "../../store/modules/user.js";
+import TGClient from "../../utils/TGClient.js";
+import TGLogger from "../../utils/TGLogger.js";
+import { getDeviceFp } from "../../web/request/getDeviceFp.js";
+import TGRequest from "../../web/request/TGRequest.js";
+import showConfirm from "../func/confirm.js";
+import showSnackbar from "../func/snackbar.js";
 import ToGameLogin from "../overlay/to-gameLogin.vue";
 
 interface TcUserBadgeEmits {
@@ -77,7 +77,7 @@ async function toWebLogin(): Promise<void> {
     return;
   }
   await TGClient.open("config_sign_in", "https://user.mihoyo.com");
-  signListener = await event.listen("config_user_sign", async (e) => {
+  signListener = await event.listen("config_user_sign", async (e: Event<unknown>) => {
     if (typeof e.payload !== "string") {
       showSnackbar({
         color: "error",
diff --git a/src/components/devCharacter/duc-detail-olb.vue b/src/components/devCharacter/duc-detail-olb.vue
index 3071e69c..12a766e5 100644
--- a/src/components/devCharacter/duc-detail-olb.vue
+++ b/src/components/devCharacter/duc-detail-olb.vue
@@ -16,7 +16,7 @@
 <script lang="ts" setup>
 import { onMounted, onUpdated, ref } from "vue";
 
-import { saveImgLocal } from "../../utils/TGShare";
+import { saveImgLocal } from "../../utils/TGShare.js";
 
 interface DucDetailOlbProps {
   modelValue: TGApp.Sqlite.Character.RoleConstellation[];
diff --git a/src/components/devCharacter/duc-detail-ort.vue b/src/components/devCharacter/duc-detail-ort.vue
index 31195f2a..a636d391 100644
--- a/src/components/devCharacter/duc-detail-ort.vue
+++ b/src/components/devCharacter/duc-detail-ort.vue
@@ -10,7 +10,7 @@
 <script lang="ts" setup>
 import { onMounted, onUpdated, ref } from "vue";
 
-import { saveImgLocal } from "../../utils/TGShare";
+import { saveImgLocal } from "../../utils/TGShare.js";
 
 interface DucDetailOrtProps {
   modelValue: TGApp.Sqlite.Character.RoleTalent[];
diff --git a/src/components/devCharacter/duc-detail-overlay.vue b/src/components/devCharacter/duc-detail-overlay.vue
index aa9390e0..570f4310 100644
--- a/src/components/devCharacter/duc-detail-overlay.vue
+++ b/src/components/devCharacter/duc-detail-overlay.vue
@@ -43,8 +43,8 @@
 <script lang="ts" setup>
 import { computed, onMounted, onUpdated, ref } from "vue";
 
-import TGSqlite from "../../plugins/Sqlite";
-import { generateShareImg } from "../../utils/TGShare";
+import TGSqlite from "../../plugins/Sqlite/index.js";
+import { generateShareImg } from "../../utils/TGShare.js";
 import TOverlay from "../main/t-overlay.vue";
 
 import DucDetailOlb from "./duc-detail-olb.vue";
diff --git a/src/components/gachaRecord/gro-dataview.vue b/src/components/gachaRecord/gro-dataview.vue
index 31e96ca4..596840ff 100644
--- a/src/components/gachaRecord/gro-dataview.vue
+++ b/src/components/gachaRecord/gro-dataview.vue
@@ -123,7 +123,7 @@ function loadData(): void {
         star4List.value.push({
           ...item,
           gachaCount: reset4count.value,
-          icon: getIcon(item.itemId, item.type),
+          icon: getIcon(item.itemId),
         });
         reset4count.value = 0;
       } else if (item.rank === "5") {
@@ -131,7 +131,7 @@ function loadData(): void {
         star5List.value.push({
           ...item,
           gachaCount: reset5count.value,
-          icon: getIcon(item.itemId, item.type),
+          icon: getIcon(item.itemId),
         });
         reset5count.value = 0;
       }
diff --git a/src/components/gachaRecord/gro-echarts.vue b/src/components/gachaRecord/gro-echarts.vue
index c23022bb..120162ce 100644
--- a/src/components/gachaRecord/gro-echarts.vue
+++ b/src/components/gachaRecord/gro-echarts.vue
@@ -16,7 +16,7 @@ import { CanvasRenderer } from "echarts/renderers";
 import { onMounted, provide } from "vue";
 import VChart, { THEME_KEY } from "vue-echarts";
 
-import showSnackbar from "../func/snackbar";
+import showSnackbar from "../func/snackbar.js";
 // echarts
 
 use([
diff --git a/src/components/gachaRecord/gro-history.vue b/src/components/gachaRecord/gro-history.vue
index 17bd8ee8..1e412e8d 100644
--- a/src/components/gachaRecord/gro-history.vue
+++ b/src/components/gachaRecord/gro-history.vue
@@ -54,11 +54,11 @@
 import { onMounted, ref } from "vue";
 import { useRouter } from "vue-router";
 
-import { AppGachaData, AppCharacterData, AppWeaponData } from "../../data";
-import { createPost } from "../../utils/TGWindow";
-import { timestampToDate } from "../../utils/toolFunc";
-import showConfirm from "../func/confirm";
-import showSnackbar from "../func/snackbar";
+import { AppGachaData, AppCharacterData, AppWeaponData } from "../../data/index.js";
+import { createPost } from "../../utils/TGWindow.js";
+import { timestampToDate } from "../../utils/toolFunc.js";
+import showConfirm from "../func/confirm.js";
+import showSnackbar from "../func/snackbar.js";
 import TItembox, { TItemBoxData } from "../main/t-itembox.vue";
 
 interface GroHistoryMap {
diff --git a/src/components/home/t-calendar-birth.vue b/src/components/home/t-calendar-birth.vue
index 76e00426..d6969b78 100644
--- a/src/components/home/t-calendar-birth.vue
+++ b/src/components/home/t-calendar-birth.vue
@@ -31,7 +31,7 @@
 import { onBeforeMount, ref } from "vue";
 import { useRouter } from "vue-router";
 
-import TSAvatarBirth from "../../plugins/Sqlite/modules/avatarBirth";
+import TSAvatarBirth from "../../plugins/Sqlite/modules/avatarBirth.js";
 
 const isBirthday = ref<boolean>(false);
 const router = useRouter();
diff --git a/src/components/home/t-calendar.vue b/src/components/home/t-calendar.vue
index 0fb86ba3..00b086b6 100644
--- a/src/components/home/t-calendar.vue
+++ b/src/components/home/t-calendar.vue
@@ -45,7 +45,7 @@
 <script lang="ts" setup>
 import { onMounted, ref, watch } from "vue";
 
-import { AppCalendarData } from "../../data";
+import { AppCalendarData } from "../../data/index.js";
 import TibCalendarItem from "../itembox/tib-calendar-item.vue";
 import ToCalendar from "../overlay/to-calendar.vue";
 
diff --git a/src/components/home/t-pool.vue b/src/components/home/t-pool.vue
index 56d22c5f..2926d436 100644
--- a/src/components/home/t-pool.vue
+++ b/src/components/home/t-pool.vue
@@ -56,11 +56,11 @@
 import { ref, onMounted, onUnmounted } from "vue";
 import { useRouter } from "vue-router";
 
-import Mys from "../../plugins/Mys";
-import { useHomeStore } from "../../store/modules/home";
-import { createPost, createTGWindow } from "../../utils/TGWindow";
-import { stamp2LastTime } from "../../utils/toolFunc";
-import showSnackbar from "../func/snackbar";
+import Mys from "../../plugins/Mys/index.js";
+import { useHomeStore } from "../../store/modules/home.js";
+import { createPost, createTGWindow } from "../../utils/TGWindow.js";
+import { stamp2LastTime } from "../../utils/toolFunc.js";
+import showSnackbar from "../func/snackbar.js";
 import TItembox, { TItemBoxData } from "../main/t-itembox.vue";
 
 import THomeCard from "./t-homecard.vue";
diff --git a/src/components/home/t-position.vue b/src/components/home/t-position.vue
index f8cf021c..cb7eee28 100644
--- a/src/components/home/t-position.vue
+++ b/src/components/home/t-position.vue
@@ -40,9 +40,9 @@
 <script lang="ts" setup>
 import { ref, onMounted, onUnmounted } from "vue";
 
-import Mys from "../../plugins/Mys";
-import { createPost } from "../../utils/TGWindow";
-import { stamp2LastTime } from "../../utils/toolFunc";
+import Mys from "../../plugins/Mys/index.js";
+import { createPost } from "../../utils/TGWindow.js";
+import { stamp2LastTime } from "../../utils/toolFunc.js";
 
 import THomeCard from "./t-homecard.vue";
 
diff --git a/src/components/itembox/tib-abyss-detail.vue b/src/components/itembox/tib-abyss-detail.vue
index 533ae988..9d5bbfbc 100644
--- a/src/components/itembox/tib-abyss-detail.vue
+++ b/src/components/itembox/tib-abyss-detail.vue
@@ -4,7 +4,7 @@
 <script lang="ts" setup>
 import { onMounted, ref } from "vue";
 
-import TGSqlite from "../../plugins/Sqlite";
+import TGSqlite from "../../plugins/Sqlite/index.js";
 import TItemBox from "../main/t-itembox.vue";
 import type { TItemBoxData } from "../main/t-itembox.vue";
 
diff --git a/src/components/itembox/tib-abyss-overview.vue b/src/components/itembox/tib-abyss-overview.vue
index 624623af..0e6936fc 100644
--- a/src/components/itembox/tib-abyss-overview.vue
+++ b/src/components/itembox/tib-abyss-overview.vue
@@ -4,7 +4,7 @@
 <script lang="ts" setup>
 import { onMounted, ref } from "vue";
 
-import TGSqlite from "../../plugins/Sqlite";
+import TGSqlite from "../../plugins/Sqlite/index.js";
 import TItemBox from "../main/t-itembox.vue";
 import type { TItemBoxData } from "../main/t-itembox.vue";
 
diff --git a/src/components/itembox/tib-wiki-abyss-2.vue b/src/components/itembox/tib-wiki-abyss-2.vue
index 9f829917..3e8f3a38 100644
--- a/src/components/itembox/tib-wiki-abyss-2.vue
+++ b/src/components/itembox/tib-wiki-abyss-2.vue
@@ -4,7 +4,7 @@
 <script setup lang="ts">
 import { ref, onMounted, computed } from "vue";
 
-import TGSqlite from "../../plugins/Sqlite";
+import TGSqlite from "../../plugins/Sqlite/index.js";
 import TItemBox, { type TItemBoxData } from "../main/t-itembox.vue";
 
 interface TibWikiAbyssProps {
diff --git a/src/components/itembox/tib-wiki-abyss.vue b/src/components/itembox/tib-wiki-abyss.vue
index a46ec355..be18666b 100644
--- a/src/components/itembox/tib-wiki-abyss.vue
+++ b/src/components/itembox/tib-wiki-abyss.vue
@@ -4,7 +4,7 @@
 <script setup lang="ts">
 import { ref, onMounted, computed } from "vue";
 
-import TGSqlite from "../../plugins/Sqlite";
+import TGSqlite from "../../plugins/Sqlite/index.js";
 import TItemBox, { type TItemBoxData } from "../main/t-itembox.vue";
 
 interface TibWikiAbyssProps {
diff --git a/src/components/main/t-postcard.vue b/src/components/main/t-postcard.vue
index 13cf2e5b..e1eb367e 100644
--- a/src/components/main/t-postcard.vue
+++ b/src/components/main/t-postcard.vue
@@ -50,7 +50,7 @@
 <script lang="ts" setup>
 import { computed, onBeforeMount, ref } from "vue";
 
-import { createPost } from "../../utils/TGWindow";
+import { createPost } from "../../utils/TGWindow.js";
 import TpAvatar from "../post/tp-avatar.vue";
 
 interface TPostCardProps {
diff --git a/src/components/main/t-shareBtn.vue b/src/components/main/t-shareBtn.vue
index 9b49c634..635230f0 100644
--- a/src/components/main/t-shareBtn.vue
+++ b/src/components/main/t-shareBtn.vue
@@ -7,8 +7,8 @@
 </template>
 <script lang="ts" setup>
 // utils
-import TGLogger from "../../utils/TGLogger";
-import { generateShareImg } from "../../utils/TGShare";
+import TGLogger from "../../utils/TGLogger.js";
+import { generateShareImg } from "../../utils/TGShare.js";
 
 interface TShareBtnProps {
   modelValue: HTMLElement;
diff --git a/src/components/overlay/to-achiInfo.vue b/src/components/overlay/to-achiInfo.vue
index 91d8c6ed..9452adb3 100644
--- a/src/components/overlay/to-achiInfo.vue
+++ b/src/components/overlay/to-achiInfo.vue
@@ -56,8 +56,8 @@
 <script lang="ts" setup>
 import { computed, onMounted, ref, watch } from "vue";
 
-import { AppAchievementsData, AppAchievementSeriesData } from "../../data";
-import TGLogger from "../../utils/TGLogger";
+import { AppAchievementsData, AppAchievementSeriesData } from "../../data/index.js";
+import TGLogger from "../../utils/TGLogger.js";
 import TOverlay from "../main/t-overlay.vue";
 import ToPostSearch from "../post/to-postSearch.vue";
 
diff --git a/src/components/overlay/to-arcBrith.vue b/src/components/overlay/to-arcBrith.vue
index 35cb088d..cc6b6a27 100644
--- a/src/components/overlay/to-arcBrith.vue
+++ b/src/components/overlay/to-arcBrith.vue
@@ -33,9 +33,9 @@ import { ResponseType } from "@tauri-apps/api/http";
 import { computed, onMounted, ref, watch } from "vue";
 import { xml2json } from "xml-js";
 
-import { copyToClipboard, getImageBuffer, saveCanvasImg } from "../../utils/TGShare";
-import { bytesToSize } from "../../utils/toolFunc";
-import showSnackbar from "../func/snackbar";
+import { copyToClipboard, getImageBuffer, saveCanvasImg } from "../../utils/TGShare.js";
+import { bytesToSize } from "../../utils/toolFunc.js";
+import showSnackbar from "../func/snackbar.js";
 import TOverlay from "../main/t-overlay.vue";
 
 interface ToArcBirthProps {
diff --git a/src/components/overlay/to-channel.vue b/src/components/overlay/to-channel.vue
index e7e2dd66..60921a29 100644
--- a/src/components/overlay/to-channel.vue
+++ b/src/components/overlay/to-channel.vue
@@ -29,8 +29,8 @@
 import { computed } from "vue";
 import { useRouter } from "vue-router";
 
-import { useAppStore } from "../../store/modules/app";
-import showSnackbar from "../func/snackbar";
+import { useAppStore } from "../../store/modules/app.js";
+import showSnackbar from "../func/snackbar.js";
 import TOverlay from "../main/t-overlay.vue";
 
 interface ToChannelProps {
diff --git a/src/components/overlay/to-collectPost.vue b/src/components/overlay/to-collectPost.vue
index d27d4eef..b173a347 100644
--- a/src/components/overlay/to-collectPost.vue
+++ b/src/components/overlay/to-collectPost.vue
@@ -24,9 +24,9 @@
 <script setup lang="ts">
 import { computed, ref, watch } from "vue";
 
-import TSUserCollection from "../../plugins/Sqlite/modules/userCollect";
-import showConfirm from "../func/confirm";
-import showSnackbar from "../func/snackbar";
+import TSUserCollection from "../../plugins/Sqlite/modules/userCollect.js";
+import showConfirm from "../func/confirm.js";
+import showSnackbar from "../func/snackbar.js";
 import TOverlay from "../main/t-overlay.vue";
 
 interface ToPostCollectProps {
diff --git a/src/components/overlay/to-gameLogin.vue b/src/components/overlay/to-gameLogin.vue
index 1cdeaf44..e51ac71c 100644
--- a/src/components/overlay/to-gameLogin.vue
+++ b/src/components/overlay/to-gameLogin.vue
@@ -22,11 +22,11 @@ import { storeToRefs } from "pinia";
 import QrcodeVue from "qrcode.vue";
 import { computed, onUnmounted, reactive, ref, watch } from "vue";
 
-import Mys from "../../plugins/Mys";
-import { useUserStore } from "../../store/modules/user";
-import TGLogger from "../../utils/TGLogger";
-import TGRequest from "../../web/request/TGRequest";
-import showSnackbar from "../func/snackbar";
+import Mys from "../../plugins/Mys/index.js";
+import { useUserStore } from "../../store/modules/user.js";
+import TGLogger from "../../utils/TGLogger.js";
+import TGRequest from "../../web/request/TGRequest.js";
+import showSnackbar from "../func/snackbar.js";
 import TOverlay from "../main/t-overlay.vue";
 
 interface ToWebLoginProps {
diff --git a/src/components/overlay/to-namecard.vue b/src/components/overlay/to-namecard.vue
index e754644a..1807d879 100644
--- a/src/components/overlay/to-namecard.vue
+++ b/src/components/overlay/to-namecard.vue
@@ -28,7 +28,7 @@
 <script setup lang="ts">
 import { computed, ref } from "vue";
 
-import { generateShareImg } from "../../utils/TGShare";
+import { generateShareImg } from "../../utils/TGShare.js";
 import TOverlay from "../main/t-overlay.vue";
 
 interface ToNamecardProps {
diff --git a/src/components/overlay/to-postCollect.vue b/src/components/overlay/to-postCollect.vue
index 034e36df..27e7b6cc 100644
--- a/src/components/overlay/to-postCollect.vue
+++ b/src/components/overlay/to-postCollect.vue
@@ -36,9 +36,9 @@
 <script setup lang="ts">
 import { computed, ref, watch } from "vue";
 
-import TSUserCollection from "../../plugins/Sqlite/modules/userCollect";
-import showConfirm from "../func/confirm";
-import showSnackbar from "../func/snackbar";
+import TSUserCollection from "../../plugins/Sqlite/modules/userCollect.js";
+import showConfirm from "../func/confirm.js";
+import showSnackbar from "../func/snackbar.js";
 import TOverlay from "../main/t-overlay.vue";
 
 interface ToPostCollectProps {
@@ -100,7 +100,8 @@ async function deleteCollect(item: TGApp.Sqlite.UserCollection.UFCollection): Pr
     });
     return;
   }
-  const resD = await TSUserCollection.deleteCollect(item.title);
+  // todo,这边暂时将默认force设为false，后续需要根据需求修改
+  const resD = await TSUserCollection.deleteCollect(item.title, false);
   if (resD) {
     showSnackbar({
       text: "删除成功",
diff --git a/src/components/post/tb-collect.vue b/src/components/post/tb-collect.vue
index 5a4ad114..4dc4279d 100644
--- a/src/components/post/tb-collect.vue
+++ b/src/components/post/tb-collect.vue
@@ -15,10 +15,10 @@
 import { event } from "@tauri-apps/api";
 import { onBeforeMount, ref, watch } from "vue";
 
-import TSUserCollection from "../../plugins/Sqlite/modules/userCollect";
-import TGLogger from "../../utils/TGLogger";
-import showConfirm from "../func/confirm";
-import showSnackbar from "../func/snackbar";
+import TSUserCollection from "../../plugins/Sqlite/modules/userCollect.js";
+import TGLogger from "../../utils/TGLogger.js";
+import showConfirm from "../func/confirm.js";
+import showSnackbar from "../func/snackbar.js";
 import ToPostCollect from "../overlay/to-postCollect.vue";
 
 const isCollected = ref(false);
diff --git a/src/components/post/to-postSearch.vue b/src/components/post/to-postSearch.vue
index b59ab02c..35c8ea75 100644
--- a/src/components/post/to-postSearch.vue
+++ b/src/components/post/to-postSearch.vue
@@ -19,8 +19,8 @@
 <script lang="ts" setup>
 import { computed, onMounted, ref, watch } from "vue";
 
-import Mys from "../../plugins/Mys";
-import showSnackbar from "../func/snackbar";
+import Mys from "../../plugins/Mys/index.js";
+import showSnackbar from "../func/snackbar.js";
 import TOverlay from "../main/t-overlay.vue";
 import TPostCard from "../main/t-postcard.vue";
 
diff --git a/src/components/post/tp-image.vue b/src/components/post/tp-image.vue
index 2586147f..41508abb 100644
--- a/src/components/post/tp-image.vue
+++ b/src/components/post/tp-image.vue
@@ -12,7 +12,7 @@
 <script lang="ts" setup>
 import { StyleValue, ref } from "vue";
 
-import { bytesToSize } from "../../utils/toolFunc";
+import { bytesToSize } from "../../utils/toolFunc.js";
 
 import TpoImage from "./tpo-image.vue";
 
diff --git a/src/components/post/tp-linkCard.vue b/src/components/post/tp-linkCard.vue
index 58f7f760..7f706e08 100644
--- a/src/components/post/tp-linkCard.vue
+++ b/src/components/post/tp-linkCard.vue
@@ -16,8 +16,8 @@
 import { toRaw } from "vue";
 import { useRouter } from "vue-router";
 
-import { parseLink, parsePost } from "../../utils/linkParser";
-import showSnackbar from "../func/snackbar";
+import { parseLink, parsePost } from "../../utils/linkParser.js";
+import showSnackbar from "../func/snackbar.js";
 
 interface TpLinkCard {
   insert: {
diff --git a/src/components/post/tp-mention.vue b/src/components/post/tp-mention.vue
index 4f486f7f..bfe0a67f 100644
--- a/src/components/post/tp-mention.vue
+++ b/src/components/post/tp-mention.vue
@@ -7,9 +7,9 @@
 <script lang="ts" setup>
 import { toRaw } from "vue";
 
-import TGClient from "../../utils/TGClient";
-import showConfirm from "../func/confirm";
-import showSnackbar from "../func/snackbar";
+import TGClient from "../../utils/TGClient.js";
+import showConfirm from "../func/confirm.js";
+import showSnackbar from "../func/snackbar.js";
 
 export interface TpMention {
   insert: {
diff --git a/src/components/post/tp-text.vue b/src/components/post/tp-text.vue
index 2923ba59..f14a7c2f 100644
--- a/src/components/post/tp-text.vue
+++ b/src/components/post/tp-text.vue
@@ -23,10 +23,10 @@
 import { onMounted, ref, StyleValue, toRaw } from "vue";
 import { useRouter } from "vue-router";
 
-import { getEmojis } from "../../plugins/Mys/request/getEmojis";
-import { parseLink, parsePost } from "../../utils/linkParser";
-import { isColorSimilar } from "../../utils/toolFunc";
-import showSnackbar from "../func/snackbar";
+import { getEmojis } from "../../plugins/Mys/request/getEmojis.js";
+import { parseLink, parsePost } from "../../utils/linkParser.js";
+import { isColorSimilar } from "../../utils/toolFunc.js";
+import showSnackbar from "../func/snackbar.js";
 
 export interface TpText {
   insert: string;
diff --git a/src/components/post/tp-texts.vue b/src/components/post/tp-texts.vue
index 8fc4b582..355cc14a 100644
--- a/src/components/post/tp-texts.vue
+++ b/src/components/post/tp-texts.vue
@@ -9,7 +9,7 @@
   </div>
 </template>
 <script lang="ts" setup>
-import { StyleValue } from "vue";
+import { Component, StyleValue } from "vue";
 
 import TpMention, { type TpMention as TpMentionType } from "./tp-mention.vue";
 import TpText, { type TpText as TpTextType } from "./tp-text.vue";
@@ -24,7 +24,7 @@ interface TpTextsProps {
 
 const props = defineProps<TpTextsProps>();
 
-function getComp(text: TpTextType | TpMentionType): string {
+function getComp(text: TpTextType | TpMentionType): Component {
   if (typeof text.insert === "string") {
     return TpText;
   }
diff --git a/src/components/post/tp-unknown.vue b/src/components/post/tp-unknown.vue
index 42577565..8bf8d60c 100644
--- a/src/components/post/tp-unknown.vue
+++ b/src/components/post/tp-unknown.vue
@@ -6,7 +6,7 @@
 <script lang="ts" setup>
 import { onMounted, toRaw } from "vue";
 
-import TGLogger from "../../utils/TGLogger";
+import TGLogger from "../../utils/TGLogger.js";
 
 interface TpUnknownProps {
   data: TGApp.Plugins.Mys.SctPost.Empty;
diff --git a/src/components/post/tp-video.vue b/src/components/post/tp-video.vue
index 2f59bbbb..93442cd1 100644
--- a/src/components/post/tp-video.vue
+++ b/src/components/post/tp-video.vue
@@ -27,8 +27,8 @@
 import { window as TauriWindow } from "@tauri-apps/api";
 import { onBeforeMount, onMounted, ref } from "vue";
 
-import Bili from "../../plugins/Bili";
-import { saveImgLocal } from "../../utils/TGShare";
+import Bili from "../../plugins/Bili/index.js";
+import { saveImgLocal } from "../../utils/TGShare.js";
 
 interface TpVideo {
   insert: {
diff --git a/src/components/post/tp-vod.vue b/src/components/post/tp-vod.vue
index f58db4ff..a6fd3782 100644
--- a/src/components/post/tp-vod.vue
+++ b/src/components/post/tp-vod.vue
@@ -15,7 +15,7 @@
 <script lang="ts" setup>
 import { window as TauriWindow } from "@tauri-apps/api";
 import Artplayer from "artplayer";
-import type { Option } from "artplayer/types/option";
+import type { Option } from "artplayer/types/option.js";
 import { onMounted, ref, toRaw } from "vue";
 
 interface TpVod {
diff --git a/src/components/post/tp-vote.vue b/src/components/post/tp-vote.vue
index 94d444ac..6d789baa 100644
--- a/src/components/post/tp-vote.vue
+++ b/src/components/post/tp-vote.vue
@@ -23,7 +23,7 @@
 <script lang="ts" setup>
 import { onMounted, ref } from "vue";
 
-import Mys from "../../plugins/Mys";
+import Mys from "../../plugins/Mys/index.js";
 
 interface TpVote {
   insert: {
diff --git a/src/components/post/tpo-collection.vue b/src/components/post/tpo-collection.vue
index 286a1dd8..bc7d3a3b 100644
--- a/src/components/post/tpo-collection.vue
+++ b/src/components/post/tpo-collection.vue
@@ -50,8 +50,8 @@
 import { ref, computed, onMounted } from "vue";
 import { useRouter } from "vue-router";
 
-import Mys from "../../plugins/Mys";
-import showSnackbar from "../func/snackbar";
+import Mys from "../../plugins/Mys/index.js";
+import showSnackbar from "../func/snackbar.js";
 import TOverlay from "../main/t-overlay.vue";
 
 interface TpoCollectionProps {
diff --git a/src/components/post/tpo-image.vue b/src/components/post/tpo-image.vue
index 5ba32373..50d296b7 100644
--- a/src/components/post/tpo-image.vue
+++ b/src/components/post/tpo-image.vue
@@ -25,9 +25,9 @@
 <script setup lang="ts">
 import { computed, onUnmounted, ref } from "vue";
 
-import { copyToClipboard, getImageBuffer, saveCanvasImg } from "../../utils/TGShare";
-import { bytesToSize } from "../../utils/toolFunc";
-import showSnackbar from "../func/snackbar";
+import { copyToClipboard, getImageBuffer, saveCanvasImg } from "../../utils/TGShare.js";
+import { bytesToSize } from "../../utils/toolFunc.js";
+import showSnackbar from "../func/snackbar.js";
 import TOverlay from "../main/t-overlay.vue";
 
 import { TpImage } from "./tp-image.vue";
diff --git a/src/components/post/tpo-lottery.vue b/src/components/post/tpo-lottery.vue
index 0578c628..95608e79 100644
--- a/src/components/post/tpo-lottery.vue
+++ b/src/components/post/tpo-lottery.vue
@@ -44,8 +44,8 @@
 <script setup lang="ts">
 import { computed, ref, watch } from "vue";
 
-import Mys from "../../plugins/Mys";
-import showSnackbar from "../func/snackbar";
+import Mys from "../../plugins/Mys/index.js";
+import showSnackbar from "../func/snackbar.js";
 import TOverlay from "../main/t-overlay.vue";
 
 interface TpoLotteryProps {
diff --git a/src/components/userCharacter/tuc-detail-desc-constellation.vue b/src/components/userCharacter/tuc-detail-desc-constellation.vue
index cc6f20c4..991a2cd4 100644
--- a/src/components/userCharacter/tuc-detail-desc-constellation.vue
+++ b/src/components/userCharacter/tuc-detail-desc-constellation.vue
@@ -24,7 +24,7 @@
   </TucDetailDesc>
 </template>
 <script lang="ts" setup>
-import { parseHtmlText } from "../../utils/toolFunc";
+import { parseHtmlText } from "../../utils/toolFunc.js";
 
 import TucDetailConstellation from "./tuc-detail-constellation.vue";
 import TucDetailDesc from "./tuc-detail-desc.vue";
diff --git a/src/components/userCharacter/tuc-detail-desc-weapon.vue b/src/components/userCharacter/tuc-detail-desc-weapon.vue
index 41381671..81f59a8c 100644
--- a/src/components/userCharacter/tuc-detail-desc-weapon.vue
+++ b/src/components/userCharacter/tuc-detail-desc-weapon.vue
@@ -29,7 +29,7 @@
 <script lang="ts" setup>
 import { computed } from "vue";
 
-import { parseHtmlText } from "../../utils/toolFunc";
+import { parseHtmlText } from "../../utils/toolFunc.js";
 
 import TucDetailDesc from "./tuc-detail-desc.vue";
 import TucDetailItemBox from "./tuc-detail-itembox.vue";
diff --git a/src/components/userCharacter/tuc-role-box.vue b/src/components/userCharacter/tuc-role-box.vue
index f532da6c..37736f8a 100644
--- a/src/components/userCharacter/tuc-role-box.vue
+++ b/src/components/userCharacter/tuc-role-box.vue
@@ -34,8 +34,8 @@
 <script lang="ts" setup>
 import { computed, onMounted, onUnmounted, ref } from "vue";
 
-import TGSqlite from "../../plugins/Sqlite";
-import { saveImgLocal } from "../../utils/TGShare";
+import TGSqlite from "../../plugins/Sqlite/index.js";
+import { saveImgLocal } from "../../utils/TGShare.js";
 import TItemBox from "../main/t-itembox.vue";
 
 interface TucRoleBoxProps {
diff --git a/src/components/userRecord/tur-home-sub.vue b/src/components/userRecord/tur-home-sub.vue
index 0e488300..a9dba4c8 100644
--- a/src/components/userRecord/tur-home-sub.vue
+++ b/src/components/userRecord/tur-home-sub.vue
@@ -36,7 +36,7 @@
 <script lang="ts" setup>
 import { onMounted, ref } from "vue";
 
-import { saveImgLocal } from "../../utils/TGShare";
+import { saveImgLocal } from "../../utils/TGShare.js";
 
 interface TurHomeSubProps {
   data: TGApp.Sqlite.Record.Home;
diff --git a/src/components/userRecord/tur-world-grid.vue b/src/components/userRecord/tur-world-grid.vue
index 4d492ba1..30c5f421 100644
--- a/src/components/userRecord/tur-world-grid.vue
+++ b/src/components/userRecord/tur-world-grid.vue
@@ -7,7 +7,7 @@
 <script lang="ts" setup>
 import { computed } from "vue";
 
-import showSnackbar from "../func/snackbar";
+import showSnackbar from "../func/snackbar.js";
 
 import TurWorldSub from "./tur-world-sub.vue";
 
diff --git a/src/components/userRecord/tur-world-sub.vue b/src/components/userRecord/tur-world-sub.vue
index 279a3ea7..71a68241 100644
--- a/src/components/userRecord/tur-world-sub.vue
+++ b/src/components/userRecord/tur-world-sub.vue
@@ -43,7 +43,7 @@ import { event } from "@tauri-apps/api";
 import { UnlistenFn } from "@tauri-apps/api/helpers/event";
 import { onMounted, onUnmounted, ref } from "vue";
 
-import { saveImgLocal } from "../../utils/TGShare";
+import { saveImgLocal } from "../../utils/TGShare.js";
 
 interface TurWorldSubProps {
   theme: "default" | "dark";
diff --git a/src/components/wiki/twc-character.vue b/src/components/wiki/twc-character.vue
index 260f3706..ac16a185 100644
--- a/src/components/wiki/twc-character.vue
+++ b/src/components/wiki/twc-character.vue
@@ -49,7 +49,7 @@
         </div>
       </div>
     </div>
-    <TopNamecard :data="nameCard" @selected="toNameCard" />
+    <TopNamecard :data="nameCard" @selected="toNameCard" v-if="nameCard" />
     <TwcMaterials :data="data.materials" />
     <TwcSkills :data="data.skills" />
     <TwcConstellations :data="data.constellation" />
@@ -100,11 +100,11 @@
 import { computed, onMounted, ref, watch } from "vue";
 import { useRouter } from "vue-router";
 
-import { WikiCharacterData, AppNameCardsData, AppCharacterData } from "../../data";
-import Mys from "../../plugins/Mys";
-import { createTGWindow } from "../../utils/TGWindow";
-import { parseHtmlText } from "../../utils/toolFunc";
-import showSnackbar from "../func/snackbar";
+import { WikiCharacterData, AppNameCardsData, AppCharacterData } from "../../data/index.js";
+import Mys from "../../plugins/Mys/index.js";
+import { createTGWindow } from "../../utils/TGWindow.js";
+import { parseHtmlText } from "../../utils/toolFunc.js";
+import showSnackbar from "../func/snackbar.js";
 import TItembox, { TItemBoxData } from "../main/t-itembox.vue";
 import ToNamecard from "../overlay/to-namecard.vue";
 import TopNamecard from "../overlay/top-namecard.vue";
diff --git a/src/components/wiki/twc-constellations.vue b/src/components/wiki/twc-constellations.vue
index 1ab78019..29dd177d 100644
--- a/src/components/wiki/twc-constellations.vue
+++ b/src/components/wiki/twc-constellations.vue
@@ -28,7 +28,7 @@
 <script setup lang="ts">
 import { onMounted, ref, watch } from "vue";
 
-import { parseHtmlText } from "../../utils/toolFunc";
+import { parseHtmlText } from "../../utils/toolFunc.js";
 
 interface TwcConstellationProps {
   data: TGApp.Plugins.Hutao.Character.RhisdTalent[];
diff --git a/src/components/wiki/twc-materials.vue b/src/components/wiki/twc-materials.vue
index 33e61313..a7249f6c 100644
--- a/src/components/wiki/twc-materials.vue
+++ b/src/components/wiki/twc-materials.vue
@@ -19,13 +19,14 @@
       </div>
     </div>
   </div>
+  <!-- todo 这边加了 v-if，需要经过测试 -->
   <TwoMaterial :data="curData" v-model="showOverlay" />
 </template>
 <script lang="ts" setup>
 import { ref } from "vue";
 
-import { WikiMaterialData } from "../../data";
-import showSnackbar from "../func/snackbar";
+import { WikiMaterialData } from "../../data/index.js";
+import showSnackbar from "../func/snackbar.js";
 
 import TwoMaterial from "./two-material.vue";
 
@@ -35,7 +36,15 @@ interface TwcMaterialsProp {
 
 const props = defineProps<TwcMaterialsProp>();
 const showOverlay = ref(false);
-const curData = ref<TGApp.App.Material.WikiItem>();
+const curData = ref<TGApp.App.Material.WikiItem>({
+  id: 0,
+  name: "",
+  description: "",
+  type: "",
+  star: 0,
+  source: [],
+  convert: [],
+});
 
 function checkData(item: TGApp.App.Calendar.Material) {
   if (showOverlay.value) showOverlay.value = false;
diff --git a/src/components/wiki/twc-skills.vue b/src/components/wiki/twc-skills.vue
index 2a5a7f17..59a5c9f6 100644
--- a/src/components/wiki/twc-skills.vue
+++ b/src/components/wiki/twc-skills.vue
@@ -25,7 +25,7 @@
 <script lang="ts" setup>
 import { onMounted, ref, watch } from "vue";
 
-import { parseHtmlText } from "../../utils/toolFunc";
+import { parseHtmlText } from "../../utils/toolFunc.js";
 
 interface TwcSkillsProps {
   data: TGApp.App.Character.WikiSkill[];
diff --git a/src/components/wiki/twc-weapon.vue b/src/components/wiki/twc-weapon.vue
index b60d41db..175760a0 100644
--- a/src/components/wiki/twc-weapon.vue
+++ b/src/components/wiki/twc-weapon.vue
@@ -53,11 +53,11 @@
 <script lang="ts" setup>
 import { computed, onMounted, ref, watch } from "vue";
 
-import { WikiWeaponData } from "../../data";
-import Mys from "../../plugins/Mys";
-import { createTGWindow } from "../../utils/TGWindow";
-import { parseHtmlText } from "../../utils/toolFunc";
-import showSnackbar from "../func/snackbar";
+import { WikiWeaponData } from "../../data/index.js";
+import Mys from "../../plugins/Mys/index.js";
+import { createTGWindow } from "../../utils/TGWindow.js";
+import { parseHtmlText } from "../../utils/toolFunc.js";
+import showSnackbar from "../func/snackbar.js";
 import TItembox, { TItemBoxData } from "../main/t-itembox.vue";
 
 import TwcMaterials from "./twc-materials.vue";
diff --git a/src/components/wiki/twg-card.vue b/src/components/wiki/twg-card.vue
index c327844b..1f7acf38 100644
--- a/src/components/wiki/twg-card.vue
+++ b/src/components/wiki/twg-card.vue
@@ -8,9 +8,9 @@
   </v-card>
 </template>
 <script lang="ts" setup>
-import Mys from "../../plugins/Mys";
-import { createTGWindow } from "../../utils/TGWindow";
-import showSnackbar from "../func/snackbar";
+import Mys from "../../plugins/Mys/index.js";
+import { createTGWindow } from "../../utils/TGWindow.js";
+import showSnackbar from "../func/snackbar.js";
 
 interface TwgCardProps {
   data: TGApp.App.GCG.WikiBriefInfo;
diff --git a/src/data/index.ts b/src/data/index.ts
index 7e43591c..65d47e2b 100644
--- a/src/data/index.ts
+++ b/src/data/index.ts
@@ -4,7 +4,7 @@
  * @since Beta v0.4.7
  */
 
-import type { SchemaType } from "ajv/lib/types/index.js";
+import type { Schema } from "ajv";
 
 import achievements from "./app/achievements.json";
 import achievementSeries from "./app/achievementSeries.json";
@@ -33,8 +33,8 @@ export const AppGCGData: TGApp.App.GCG.WikiBriefInfo[] = GCG;
 export const AppNameCardsData: TGApp.App.NameCard.Item[] = nameCards;
 export const AppWeaponData: TGApp.App.Weapon.WikiBriefInfo[] = weapon;
 // Schema
-export const UiafSchema: SchemaType = schemaUiaf;
-export const UigfSchema: SchemaType = schemaUigf;
+export const UiafSchema: Schema = schemaUiaf;
+export const UigfSchema: Schema = schemaUigf;
 // Archive
 export const ArcBirCalendar: TGApp.Archive.Birth.CalendarData = arcBirCalendar;
 export const ArcBirDraw: TGApp.Archive.Birth.DrawItem[] = arcBirDraw;
diff --git a/src/main.ts b/src/main.ts
index 8bd684d5..3fd2c077 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -8,8 +8,8 @@ import { createApp } from "vue";
 import { createVuetify } from "vuetify";
 
 import App from "./App.vue";
-import router from "./router";
-import store from "./store";
+import router from "./router/index.js";
+import store from "./store/index.js";
 
 import "@mdi/font/css/materialdesignicons.css";
 import "vuetify/styles";
diff --git a/src/pages/Archive/Birthday.vue b/src/pages/Archive/Birthday.vue
index 25b8134c..7ab522d2 100644
--- a/src/pages/Archive/Birthday.vue
+++ b/src/pages/Archive/Birthday.vue
@@ -13,9 +13,9 @@
         clearable
         variant="outlined"
         label="角色"
-        :item-value="(item) => item.role_birthday"
-        :item-title="(item) => item.name"
-        :item-props="(item) => getItemProps(item)"
+        :item-value="(item: TGApp.Archive.Birth.RoleItem) => item.role_birthday"
+        :item-title="(item: TGApp.Archive.Birth.RoleItem) => item.name"
+        :item-props="(item: TGApp.Archive.Birth.RoleItem) => getItemProps(item)"
       >
       </v-select>
     </div>
@@ -39,8 +39,8 @@ import { onMounted, ref, watch } from "vue";
 import { useRoute } from "vue-router";
 
 import ToArcBrith from "../../components/overlay/to-arcBrith.vue";
-import { ArcBirDraw, ArcBirRole } from "../../data";
-import TGClient from "../../utils/TGClient";
+import { ArcBirDraw, ArcBirRole } from "../../data/index.js";
+import TGClient from "../../utils/TGClient.js";
 
 const page = ref(1);
 const length = ref(0);
diff --git a/src/pages/User/Abyss.vue b/src/pages/User/Abyss.vue
index fd66914f..54b212d7 100644
--- a/src/pages/User/Abyss.vue
+++ b/src/pages/User/Abyss.vue
@@ -71,17 +71,17 @@
 import { storeToRefs } from "pinia";
 import { onMounted, ref } from "vue";
 
-import showSnackbar from "../../components/func/snackbar";
+import showSnackbar from "../../components/func/snackbar.js";
 import TSubLine from "../../components/main/t-subline.vue";
 import ToLoading from "../../components/overlay/to-loading.vue";
 import TuaDetail from "../../components/userAbyss/tua-detail.vue";
 import TuaOverview from "../../components/userAbyss/tua-overview.vue";
-import Hutao from "../../plugins/Hutao";
-import TGSqlite from "../../plugins/Sqlite";
-import { useUserStore } from "../../store/modules/user";
-import TGLogger from "../../utils/TGLogger";
-import { generateShareImg } from "../../utils/TGShare";
-import TGRequest from "../../web/request/TGRequest";
+import Hutao from "../../plugins/Hutao/index.js";
+import TGSqlite from "../../plugins/Sqlite/index.js";
+import { useUserStore } from "../../store/modules/user.js";
+import TGLogger from "../../utils/TGLogger.js";
+import { generateShareImg } from "../../utils/TGShare.js";
+import TGRequest from "../../web/request/TGRequest.js";
 
 // store
 const userStore = storeToRefs(useUserStore());
diff --git a/src/pages/User/Characters.vue b/src/pages/User/Characters.vue
index 28cc040d..3f131576 100644
--- a/src/pages/User/Characters.vue
+++ b/src/pages/User/Characters.vue
@@ -58,15 +58,15 @@ import { storeToRefs } from "pinia";
 import { onBeforeMount, onMounted, ref } from "vue";
 
 import DucDetailOverlay from "../../components/devCharacter/duc-detail-overlay.vue";
-import showSnackbar from "../../components/func/snackbar";
+import showSnackbar from "../../components/func/snackbar.js";
 import ToLoading from "../../components/overlay/to-loading.vue";
 import TucDetailOverlay from "../../components/userCharacter/tuc-detail-overlay.vue";
 import TucRoleBox from "../../components/userCharacter/tuc-role-box.vue";
-import TGSqlite from "../../plugins/Sqlite";
-import { useUserStore } from "../../store/modules/user";
-import TGLogger from "../../utils/TGLogger";
-import { generateShareImg } from "../../utils/TGShare";
-import TGRequest from "../../web/request/TGRequest";
+import TGSqlite from "../../plugins/Sqlite/index.js";
+import { useUserStore } from "../../store/modules/user.js";
+import TGLogger from "../../utils/TGLogger.js";
+import { generateShareImg } from "../../utils/TGShare.js";
+import TGRequest from "../../web/request/TGRequest.js";
 
 // store
 const userStore = storeToRefs(useUserStore());
diff --git a/src/pages/User/Gacha.vue b/src/pages/User/Gacha.vue
index 5a4faee8..a2345091 100644
--- a/src/pages/User/Gacha.vue
+++ b/src/pages/User/Gacha.vue
@@ -45,19 +45,19 @@ import { dialog, path } from "@tauri-apps/api";
 import { storeToRefs } from "pinia";
 import { onMounted, ref, watch } from "vue";
 
-import showConfirm from "../../components/func/confirm";
-import showSnackbar from "../../components/func/snackbar";
+import showConfirm from "../../components/func/confirm.js";
+import showSnackbar from "../../components/func/snackbar.js";
 import GroEcharts from "../../components/gachaRecord/gro-echarts.vue";
 import GroHistory from "../../components/gachaRecord/gro-history.vue";
 import GroOverview from "../../components/gachaRecord/gro-overview.vue";
 import ToLoading from "../../components/overlay/to-loading.vue";
-import { AppCharacterData, AppWeaponData } from "../../data";
-import TSUserGacha from "../../plugins/Sqlite/modules/userGacha";
-import { useAppStore } from "../../store/modules/app";
-import { useUserStore } from "../../store/modules/user";
-import TGLogger from "../../utils/TGLogger";
-import { backupUigfData, exportUigfData, readUigfData, verifyUigfData } from "../../utils/UIGF";
-import TGRequest from "../../web/request/TGRequest";
+import { AppCharacterData, AppWeaponData } from "../../data/index.js";
+import TSUserGacha from "../../plugins/Sqlite/modules/userGacha.js";
+import { useAppStore } from "../../store/modules/app.js";
+import { useUserStore } from "../../store/modules/user.js";
+import TGLogger from "../../utils/TGLogger.js";
+import { backupUigfData, exportUigfData, readUigfData, verifyUigfData } from "../../utils/UIGF.js";
+import TGRequest from "../../web/request/TGRequest.js";
 
 // store
 const appStore = useAppStore();
diff --git a/src/pages/User/Record.vue b/src/pages/User/Record.vue
index 6ef0fa50..e2128ebe 100644
--- a/src/pages/User/Record.vue
+++ b/src/pages/User/Record.vue
@@ -35,18 +35,18 @@
 import { storeToRefs } from "pinia";
 import { onMounted, ref } from "vue";
 
-import showSnackbar from "../../components/func/snackbar";
+import showSnackbar from "../../components/func/snackbar.js";
 import TSubLine from "../../components/main/t-subline.vue";
 import ToLoading from "../../components/overlay/to-loading.vue";
 import TurAvatarGrid from "../../components/userRecord/tur-avatar-grid.vue";
 import TurHomeGrid from "../../components/userRecord/tur-home-grid.vue";
 import TurOverviewGrid from "../../components/userRecord/tur-overview-grid.vue";
 import TurWorldGrid from "../../components/userRecord/tur-world-grid.vue";
-import TGSqlite from "../../plugins/Sqlite";
-import { useUserStore } from "../../store/modules/user";
-import TGLogger from "../../utils/TGLogger";
-import { generateShareImg } from "../../utils/TGShare";
-import TGRequest from "../../web/request/TGRequest";
+import TGSqlite from "../../plugins/Sqlite/index.js";
+import { useUserStore } from "../../store/modules/user.js";
+import TGLogger from "../../utils/TGLogger.js";
+import { generateShareImg } from "../../utils/TGShare.js";
+import TGRequest from "../../web/request/TGRequest.js";
 
 // store
 const userStore = storeToRefs(useUserStore());
diff --git a/src/pages/WIKI/Abyss.vue b/src/pages/WIKI/Abyss.vue
index 1af20636..4e10cac7 100644
--- a/src/pages/WIKI/Abyss.vue
+++ b/src/pages/WIKI/Abyss.vue
@@ -40,7 +40,7 @@ import HtaTabTeam from "../../components/hutaoAbyss/hta-tab-team.vue";
 import HtaTabUp from "../../components/hutaoAbyss/hta-tab-up.vue";
 import HtaTabUse from "../../components/hutaoAbyss/hta-tab-use.vue";
 import ToLoading from "../../components/overlay/to-loading.vue";
-import Hutao from "../../plugins/Hutao";
+import Hutao from "../../plugins/Hutao/index.js";
 
 // loading
 const loading = ref<boolean>(false);
diff --git a/src/pages/WIKI/Character.vue b/src/pages/WIKI/Character.vue
index ef952e7d..48ba4621 100644
--- a/src/pages/WIKI/Character.vue
+++ b/src/pages/WIKI/Character.vue
@@ -28,20 +28,32 @@
 import { onBeforeMount, ref, watch } from "vue";
 import { useRoute } from "vue-router";
 
-import showConfirm from "../../components/func/confirm";
-import showSnackbar from "../../components/func/snackbar";
+import showConfirm from "../../components/func/confirm.js";
+import showSnackbar from "../../components/func/snackbar.js";
 import TwcCharacter from "../../components/wiki/twc-character.vue";
 import TwcListItem from "../../components/wiki/twc-list-item.vue";
 import TwoSelectC, { SelectedCValue } from "../../components/wiki/two-select-c.vue";
-import { AppCharacterData } from "../../data";
-import Mys from "../../plugins/Mys";
-import { createTGWindow } from "../../utils/TGWindow";
+import { AppCharacterData } from "../../data/index.js";
+import Mys from "../../plugins/Mys/index.js";
+import { createTGWindow } from "../../utils/TGWindow.js";
 
 const id = useRoute().params.id.toString() ?? "0";
 const showSelect = ref(false);
 const resetSelect = ref(false);
 const cardsInfo = ref(AppCharacterData);
-const curItem = ref<TGApp.App.Character.WikiBriefInfo>();
+// todo，这边赋予了默认值，需要经过测试
+const curItem = ref<TGApp.App.Character.WikiBriefInfo>({
+  id: 0,
+  contentId: 0,
+  name: "",
+  title: "",
+  area: "",
+  birthday: [0, 0],
+  star: 0,
+  element: "",
+  weapon: "",
+  nameCard: "",
+});
 
 onBeforeMount(() => {
   if (id === "0") {
diff --git a/src/pages/WIKI/GCG.vue b/src/pages/WIKI/GCG.vue
index 1965900d..b8ddd7e0 100644
--- a/src/pages/WIKI/GCG.vue
+++ b/src/pages/WIKI/GCG.vue
@@ -36,10 +36,10 @@
 <script lang="ts" setup>
 import { onBeforeMount, onMounted, ref } from "vue";
 
-import showSnackbar from "../../components/func/snackbar";
+import showSnackbar from "../../components/func/snackbar.js";
 import ToLoading from "../../components/overlay/to-loading.vue";
 import TwgCard from "../../components/wiki/twg-card.vue";
-import { AppGCGData } from "../../data";
+import { AppGCGData } from "../../data/index.js";
 
 const loading = ref<boolean>(true);
 const doSearch = ref<boolean>(false);
diff --git a/src/pages/WIKI/Namecard.vue b/src/pages/WIKI/Namecard.vue
index b1f69257..33996a8f 100644
--- a/src/pages/WIKI/Namecard.vue
+++ b/src/pages/WIKI/Namecard.vue
@@ -34,10 +34,10 @@
 <script lang="ts" setup>
 import { onMounted, ref } from "vue";
 
-import showSnackbar from "../../components/func/snackbar";
+import showSnackbar from "../../components/func/snackbar.js";
 import ToNamecard from "../../components/overlay/to-namecard.vue";
 import TopNamecard from "../../components/overlay/top-namecard.vue";
-import { AppNameCardsData } from "../../data";
+import { AppNameCardsData } from "../../data/index.js";
 
 const curNameCard = ref<TGApp.App.NameCard.Item>();
 const sortNameCardsData = ref<TGApp.App.NameCard.Item[]>([]);
diff --git a/src/pages/WIKI/Weapon.vue b/src/pages/WIKI/Weapon.vue
index 344c06a5..21da2513 100644
--- a/src/pages/WIKI/Weapon.vue
+++ b/src/pages/WIKI/Weapon.vue
@@ -29,20 +29,29 @@
 import { onBeforeMount, ref } from "vue";
 import { useRoute } from "vue-router";
 
-import showConfirm from "../../components/func/confirm";
-import showSnackbar from "../../components/func/snackbar";
+import showConfirm from "../../components/func/confirm.js";
+import showSnackbar from "../../components/func/snackbar.js";
 import TwcListItem from "../../components/wiki/twc-list-item.vue";
 import TwcWeapon from "../../components/wiki/twc-weapon.vue";
 import TwoSelectW, { SelectedWValue } from "../../components/wiki/two-select-w.vue";
-import { AppWeaponData } from "../../data";
-import Mys from "../../plugins/Mys";
-import { createTGWindow } from "../../utils/TGWindow";
+import { AppWeaponData } from "../../data/index.js";
+import Mys from "../../plugins/Mys/index.js";
+import { createTGWindow } from "../../utils/TGWindow.js";
 
 const id = useRoute().params.id.toString() ?? "0";
 const showSelect = ref(false);
 const resetSelect = ref(false);
 const cardsInfo = ref(AppWeaponData);
-const curItem = ref<TGApp.App.Weapon.WikiBriefInfo>();
+// todo，这边赋予了默认值，需要经过测试
+const curItem = ref<TGApp.App.Weapon.WikiBriefInfo>({
+  id: 0,
+  contentId: 0,
+  name: "",
+  star: 0,
+  bg: "",
+  weaponIcon: "",
+  icon: "",
+});
 
 onBeforeMount(() => {
   if (id === "0") {
diff --git a/src/pages/common/Achievements.vue b/src/pages/common/Achievements.vue
index dd8c7d0b..f5081abf 100644
--- a/src/pages/common/Achievements.vue
+++ b/src/pages/common/Achievements.vue
@@ -38,7 +38,8 @@
     <!-- 右侧内容-->
     <div class="right-wrap">
       <div v-if="curCardName !== '' && selectedSeries !== -1 && !loading">
-        <TopNamecard :data="curCard" @selected="openImg()" />
+        <!-- todo，这边用 v-if 包装，需要经过测试 -->
+        <TopNamecard :data="curCard" @selected="openImg()" v-if="curCard" />
       </div>
       <div
         v-for="(achievement, index) in renderSelect"
@@ -109,23 +110,23 @@ import { dialog, fs, path } from "@tauri-apps/api";
 import { computed, nextTick, onMounted, ref } from "vue";
 import { useRoute, useRouter } from "vue-router";
 
-import showConfirm from "../../components/func/confirm";
-import showSnackbar from "../../components/func/snackbar";
+import showConfirm from "../../components/func/confirm.js";
+import showSnackbar from "../../components/func/snackbar.js";
 import ToAchiInfo from "../../components/overlay/to-achiInfo.vue";
 import ToLoading from "../../components/overlay/to-loading.vue";
 import ToNamecard from "../../components/overlay/to-namecard.vue";
 import TopNamecard from "../../components/overlay/top-namecard.vue";
-import { AppAchievementSeriesData, AppNameCardsData } from "../../data";
+import { AppAchievementSeriesData, AppNameCardsData } from "../../data/index.js";
 import TSUserAchi from "../../plugins/Sqlite/modules/userAchi.js";
-import { useAchievementsStore } from "../../store/modules/achievements";
-import TGLogger from "../../utils/TGLogger";
-import { getNowStr } from "../../utils/toolFunc";
+import { useAchievementsStore } from "../../store/modules/achievements.js";
+import TGLogger from "../../utils/TGLogger.js";
+import { getNowStr } from "../../utils/toolFunc.js";
 import {
   getUiafHeader,
   readUiafData,
   verifyUiafData,
   verifyUiafDataClipboard,
-} from "../../utils/UIAF";
+} from "../../utils/UIAF.js";
 
 // Store
 const achievementsStore = useAchievementsStore();
@@ -224,7 +225,7 @@ async function selectSeries(index: number): Promise<void> {
   selectedSeries.value = index;
   selectedAchievement.value = await getAchiData("series", index.toString());
   loadingTitle.value = "正在查找对应的成就名片";
-  curCardName.value = await TSUserAchi.getSeriesNameCard(index);
+  curCardName.value = await TSUserAchi.getSeriesNameCard(String(index));
   if (curCardName.value !== "") {
     curCard.value = AppNameCardsData.find((item) => item.name === curCardName.value);
   }
diff --git a/src/pages/common/Announcements.vue b/src/pages/common/Announcements.vue
index 4630f9ec..714dc9ec 100644
--- a/src/pages/common/Announcements.vue
+++ b/src/pages/common/Announcements.vue
@@ -57,12 +57,12 @@ import { nextTick, onMounted, ref, watch } from "vue";
 import { useRouter } from "vue-router";
 
 import ToLoading from "../../components/overlay/to-loading.vue";
-import { useAppStore } from "../../store/modules/app";
-import TGLogger from "../../utils/TGLogger";
-import { createTGWindow } from "../../utils/TGWindow";
-import { AnnoLang, AnnoServer } from "../../web/request/getAnno";
-import TGRequest from "../../web/request/TGRequest";
-import TGUtils from "../../web/utils/TGUtils";
+import { useAppStore } from "../../store/modules/app.js";
+import TGLogger from "../../utils/TGLogger.js";
+import { createTGWindow } from "../../utils/TGWindow.js";
+import { AnnoLang, AnnoServer } from "../../web/request/getAnno.js";
+import TGRequest from "../../web/request/TGRequest.js";
+import TGUtils from "../../web/utils/TGUtils.js";
 
 // 服务器名称-服务器对应
 type AnnoServerMap = {
diff --git a/src/pages/common/Config.vue b/src/pages/common/Config.vue
index 4f507018..60aa68fa 100644
--- a/src/pages/common/Config.vue
+++ b/src/pages/common/Config.vue
@@ -94,19 +94,19 @@ import TcAppBadge from "../../components/config/tc-appBadge.vue";
 import TcDataDir from "../../components/config/tc-dataDir.vue";
 import TcInfo from "../../components/config/tc-info.vue";
 import TcUserBadge from "../../components/config/tc-userBadge.vue";
-import showConfirm from "../../components/func/confirm";
-import showSnackbar from "../../components/func/snackbar";
+import showConfirm from "../../components/func/confirm.js";
+import showSnackbar from "../../components/func/snackbar.js";
 import ToLoading from "../../components/overlay/to-loading.vue";
-import TGSqlite from "../../plugins/Sqlite";
+import TGSqlite from "../../plugins/Sqlite/index.js";
 import TSUserAchi from "../../plugins/Sqlite/modules/userAchi.js";
-import { useAchievementsStore } from "../../store/modules/achievements";
-import { useAppStore } from "../../store/modules/app";
-import { useHomeStore } from "../../store/modules/home";
-import { backUpUserData, restoreUserData } from "../../utils/dataBS";
-import { getBuildTime } from "../../utils/TGBuild";
-import TGLogger from "../../utils/TGLogger";
-import { bytesToSize, getCacheDir, getDeviceInfo, getRandomString } from "../../utils/toolFunc";
-import TGRequest from "../../web/request/TGRequest";
+import { useAchievementsStore } from "../../store/modules/achievements.js";
+import { useAppStore } from "../../store/modules/app.js";
+import { useHomeStore } from "../../store/modules/home.js";
+import { backUpUserData, restoreUserData } from "../../utils/dataBS.js";
+import { getBuildTime } from "../../utils/TGBuild.js";
+import TGLogger from "../../utils/TGLogger.js";
+import { bytesToSize, getCacheDir, getDeviceInfo, getRandomString } from "../../utils/toolFunc.js";
+import TGRequest from "../../web/request/TGRequest.js";
 
 // Store
 const appStore = useAppStore();
diff --git a/src/pages/common/Home.vue b/src/pages/common/Home.vue
index 349c0b3d..96d4c4ae 100644
--- a/src/pages/common/Home.vue
+++ b/src/pages/common/Home.vue
@@ -25,14 +25,14 @@
 <script lang="ts" setup>
 import { onMounted, onUnmounted, ref, shallowRef } from "vue";
 
-import showSnackbar from "../../components/func/snackbar";
+import showSnackbar from "../../components/func/snackbar.js";
 import TCalendar from "../../components/home/t-calendar.vue";
 import TPool from "../../components/home/t-pool.vue";
 import TPosition from "../../components/home/t-position.vue";
 import ToLoading from "../../components/overlay/to-loading.vue";
-import { useAppStore } from "../../store/modules/app";
-import { useHomeStore } from "../../store/modules/home";
-import TGLogger from "../../utils/TGLogger";
+import { useAppStore } from "../../store/modules/app.js";
+import { useHomeStore } from "../../store/modules/home.js";
+import TGLogger from "../../utils/TGLogger.js";
 
 // store
 const appStore = useAppStore();
diff --git a/src/pages/common/News.vue b/src/pages/common/News.vue
index 1a2381b6..6e6fcfc3 100644
--- a/src/pages/common/News.vue
+++ b/src/pages/common/News.vue
@@ -47,15 +47,15 @@
 import { nextTick, onMounted, ref, watch } from "vue";
 import { useRoute, useRouter } from "vue-router";
 
-import showSnackbar from "../../components/func/snackbar";
+import showSnackbar from "../../components/func/snackbar.js";
 import TPostCard from "../../components/main/t-postcard.vue";
 import ToChannel from "../../components/overlay/to-channel.vue";
 import ToLoading from "../../components/overlay/to-loading.vue";
 import ToPostSearch from "../../components/post/to-postSearch.vue";
-import Mys from "../../plugins/Mys";
-import { useAppStore } from "../../store/modules/app";
-import TGLogger from "../../utils/TGLogger";
-import { createPost } from "../../utils/TGWindow";
+import Mys from "../../plugins/Mys/index.js";
+import { useAppStore } from "../../store/modules/app.js";
+import TGLogger from "../../utils/TGLogger.js";
+import { createPost } from "../../utils/TGWindow.js";
 
 // 类型定义
 enum NewsType {
diff --git a/src/pages/common/PostCollect.vue b/src/pages/common/PostCollect.vue
index 0d32756c..71c3f31c 100644
--- a/src/pages/common/PostCollect.vue
+++ b/src/pages/common/PostCollect.vue
@@ -95,16 +95,16 @@ import { UnlistenFn } from "@tauri-apps/api/helpers/event";
 import { storeToRefs } from "pinia";
 import { computed, onBeforeMount, onMounted, onUnmounted, ref, watch } from "vue";
 
-import showConfirm from "../../components/func/confirm";
-import showSnackbar from "../../components/func/snackbar";
+import showConfirm from "../../components/func/confirm.js";
+import showSnackbar from "../../components/func/snackbar.js";
 import TPostCard from "../../components/main/t-postcard.vue";
 import ToCollectPost from "../../components/overlay/to-collectPost.vue";
 import ToLoading from "../../components/overlay/to-loading.vue";
-import TGSqlite from "../../plugins/Sqlite";
-import TSUserCollection from "../../plugins/Sqlite/modules/userCollect";
-import { useUserStore } from "../../store/modules/user";
-import TGLogger from "../../utils/TGLogger";
-import TGRequest from "../../web/request/TGRequest";
+import TGSqlite from "../../plugins/Sqlite/index.js";
+import TSUserCollection from "../../plugins/Sqlite/modules/userCollect.js";
+import { useUserStore } from "../../store/modules/user.js";
+import TGLogger from "../../utils/TGLogger.js";
+import TGRequest from "../../web/request/TGRequest.js";
 
 const loading = ref(false);
 const loadingTitle = ref("加载中...");
diff --git a/src/pages/common/Posts.vue b/src/pages/common/Posts.vue
index e9457440..faf01cb2 100644
--- a/src/pages/common/Posts.vue
+++ b/src/pages/common/Posts.vue
@@ -56,15 +56,15 @@
 <script setup lang="ts">
 import { nextTick, onMounted, ref, watch } from "vue";
 
-import showConfirm from "../../components/func/confirm";
-import showSnackbar from "../../components/func/snackbar";
+import showConfirm from "../../components/func/confirm.js";
+import showSnackbar from "../../components/func/snackbar.js";
 import TPostCard from "../../components/main/t-postcard.vue";
 import ToLoading from "../../components/overlay/to-loading.vue";
 import ToPostSearch from "../../components/post/to-postSearch.vue";
-import Mys from "../../plugins/Mys";
-import TGClient from "../../utils/TGClient";
-import TGLogger from "../../utils/TGLogger";
-import { createPost } from "../../utils/TGWindow";
+import Mys from "../../plugins/Mys/index.js";
+import TGClient from "../../utils/TGClient.js";
+import TGLogger from "../../utils/TGLogger.js";
+import { createPost } from "../../utils/TGWindow.js";
 
 const loading = ref<boolean>(true);
 const loadingTitle = ref<string>("正在加载数据");
@@ -282,6 +282,8 @@ async function freshPostData(): Promise<void> {
 
 function freshCurForum(newVal: string): void {
   const forum = forumList[curGameLabel.value];
+  // todo，这边需要优化逻辑以经过测试，目前暂时ignore
+  // @ts-expect-error-next-line Vue: Element implicitly has an any type because expression of type string can't be used to index type
   curForum.value = forum[newVal];
 }
 
diff --git a/src/plugins/Bili/index.ts b/src/plugins/Bili/index.ts
index ee522a95..757c5309 100644
--- a/src/plugins/Bili/index.ts
+++ b/src/plugins/Bili/index.ts
@@ -4,8 +4,8 @@
  * @since Beta v0.4.0
  */
 
-import getVideoUrl from "./request/getVideoUrl";
-import getVideoView from "./request/getVideoView";
+import getVideoUrl from "./request/getVideoUrl.js";
+import getVideoView from "./request/getVideoView.js";
 
 const Bili = {
   video: {
diff --git a/src/plugins/Hutao/api/index.ts b/src/plugins/Hutao/api/index.ts
index bd7091ea..799246c2 100644
--- a/src/plugins/Hutao/api/index.ts
+++ b/src/plugins/Hutao/api/index.ts
@@ -16,7 +16,7 @@ import {
   UidCheckApi,
   UidRankApi,
   WeaponCollocationApi,
-} from "./abyss";
+} from "./abyss.js";
 
 const HutaoApi = {
   Abyss: {
diff --git a/src/plugins/Mys/index.ts b/src/plugins/Mys/index.ts
index 7ce6b379..a83ea238 100644
--- a/src/plugins/Mys/index.ts
+++ b/src/plugins/Mys/index.ts
@@ -4,21 +4,21 @@
  * @since Beta v0.4.5
  */
 
-import MysApi from "./api";
-import { getLoginQr, getLoginStatus } from "./request/doGameLogin";
-import { getCollectionData, getCollectionPosts } from "./request/getCollectionData";
-import getForumList from "./request/getForumList";
-import getGachaData from "./request/getGachaData";
-import getHomeNavigator from "./request/getHomeNavigator";
-import getLotteryData from "./request/getLotteryData";
-import getNewsList from "./request/getNewsList";
-import { getPositionData } from "./request/getPositionData";
-import getPostData from "./request/getPostData";
-import { getVoteInfo, getVoteResult } from "./request/getVoteData";
-import searchPosts from "./request/searchPost";
-import { getGachaCard } from "./utils/getGachaCard";
-import getLotteryCard from "./utils/getLotteryCard";
-import getPositionCard from "./utils/getPositionCard";
+import MysApi from "./api/index.js";
+import { getLoginQr, getLoginStatus } from "./request/doGameLogin.js";
+import { getCollectionData, getCollectionPosts } from "./request/getCollectionData.js";
+import getForumList from "./request/getForumList.js";
+import getGachaData from "./request/getGachaData.js";
+import getHomeNavigator from "./request/getHomeNavigator.js";
+import getLotteryData from "./request/getLotteryData.js";
+import getNewsList from "./request/getNewsList.js";
+import { getPositionData } from "./request/getPositionData.js";
+import getPostData from "./request/getPostData.js";
+import { getVoteInfo, getVoteResult } from "./request/getVoteData.js";
+import searchPosts from "./request/searchPost.js";
+import { getGachaCard } from "./utils/getGachaCard.js";
+import getLotteryCard from "./utils/getLotteryCard.js";
+import getPositionCard from "./utils/getPositionCard.js";
 
 const Mys = {
   Api: MysApi,