diff --git a/src/components/func/snackbar.ts b/src/components/func/snackbar.ts
index 71e3826c..e4be1a5f 100644
--- a/src/components/func/snackbar.ts
+++ b/src/components/func/snackbar.ts
@@ -23,14 +23,14 @@ const renderBox = (props: TGApp.Component.Snackbar.Params): VNode => {
 
 let snackbarInstance: any;
 
-const snackbarBox = (props: TGApp.Component.Snackbar.Params): void => {
+const showSnackbar = (props: TGApp.Component.Snackbar.Params): void => {
   if (snackbarInstance) {
     const boxVue = snackbarInstance.component;
     boxVue.exposeProxy.displayBox(props);
   } else {
     snackbarInstance = renderBox(props);
-    snackbarBox(props);
+    showSnackbar(props);
   }
 };
 
-export default snackbarBox;
+export default showSnackbar;
diff --git a/src/pages/User/Abyss.vue b/src/pages/User/Abyss.vue
index f0b831ef..8531ba3b 100644
--- a/src/pages/User/Abyss.vue
+++ b/src/pages/User/Abyss.vue
@@ -68,7 +68,7 @@
 <script lang="ts" setup>
 // vue
 import { computed, onMounted, ref } from "vue";
-import snackbar from "../../components/func/snackbar";
+import showSnackbar from "../../components/func/snackbar";
 import ToLoading from "../../components/overlay/to-loading.vue";
 import TSubLine from "../../components/main/t-subline.vue";
 import TuaOverview from "../../components/userAbyss/tua-overview.vue";
@@ -146,7 +146,7 @@ function toAbyss(id: number): void {
   if (abyssFind) {
     curAbyss.value = abyssFind;
   } else {
-    snackbar({
+    showSnackbar({
       text: "未找到该深渊数据",
       color: "error",
     });
@@ -184,9 +184,9 @@ async function uploadAbyss(): Promise<void> {
   const res = await Hutao.Abyss.postData(transAbyss);
   loading.value = false;
   if (res.retcode === 0) {
-    snackbar({ text: <string>res.message });
+    showSnackbar({ text: <string>res.message });
   } else {
-    snackbar({
+    showSnackbar({
       text: <string>res.message,
       color: "error",
     });
diff --git a/src/pages/WIKI/GCG.vue b/src/pages/WIKI/GCG.vue
index 581fe462..6ea08ad0 100644
--- a/src/pages/WIKI/GCG.vue
+++ b/src/pages/WIKI/GCG.vue
@@ -105,7 +105,7 @@
 <script lang="ts" setup>
 // vue
 import { computed, onMounted, ref } from "vue";
-import snackbar from "../../components/func/snackbar";
+import showSnackbar from "../../components/func/snackbar";
 import ToLoading from "../../components/overlay/to-loading.vue";
 // utils
 import { createTGWindow } from "../../utils/TGWindow";
@@ -139,7 +139,7 @@ function toOuter(cardName: string, cardId: number): void {
   console.log(cardName, cardId);
   // 若不存在 contentId
   if (cardId === -1) {
-    snackbar({
+    showSnackbar({
       text: "该卡牌暂无外部链接",
       color: "error",
     });
@@ -167,7 +167,7 @@ async function searchCard(): Promise<void> {
   console.log(res);
   loading.value = false;
   if (res.length === 0) {
-    snackbar({
+    showSnackbar({
       text: "未找到相关卡牌",
       color: "error",
     });
diff --git a/src/pages/common/Achievements.vue b/src/pages/common/Achievements.vue
index 8d32bc5c..268d3693 100644
--- a/src/pages/common/Achievements.vue
+++ b/src/pages/common/Achievements.vue
@@ -110,7 +110,7 @@
 // vue
 import { onMounted, ref, onBeforeMount, computed } from "vue";
 import ToLoading from "../../components/overlay/to-loading.vue";
-import snackbar from "../../components/func/snackbar";
+import showSnackbar from "../../components/func/snackbar";
 // tauri
 import { dialog, fs } from "@tauri-apps/api";
 // Store
@@ -213,7 +213,7 @@ function handleScroll(e: Event): void {
 async function selectSeries(index: number): Promise<void> {
   // 如果选中的是已经选中的系列，则不进行操作
   if (selectedSeries.value === index) {
-    snackbar({
+    showSnackbar({
       color: "warn",
       text: "已经选中该系列",
     });
@@ -237,7 +237,7 @@ function openImg(): void {
 
 async function searchCard(): Promise<void> {
   if (search.value === "") {
-    snackbar({
+    showSnackbar({
       color: "error",
       text: "请输入搜索内容",
     });
@@ -248,7 +248,7 @@ async function searchCard(): Promise<void> {
   loading.value = true;
   selectedAchievement.value = await TGSqlite.searchAchievements(search.value);
   if (selectedAchievement.value.length === 0) {
-    snackbar({
+    showSnackbar({
       color: "error",
       text: "没有找到对应的成就",
     });
@@ -269,7 +269,7 @@ async function importJson(): Promise<void> {
   if (selectedFile && (await verifyUiafData(<string>selectedFile))) {
     const remoteRaw: string | false = await readUiafData(<string>selectedFile);
     if (remoteRaw === false) {
-      snackbar({
+      showSnackbar({
         color: "error",
         text: "读取 UIAF 数据失败，请检查文件是否符合规范",
       });
@@ -290,7 +290,7 @@ async function importJson(): Promise<void> {
 async function exportJson(): Promise<void> {
   // 判断是否有数据
   if (achievementsStore.finAchievements === 0) {
-    snackbar({
+    showSnackbar({
       color: "error",
       text: "没有可导出的数据",
     });
@@ -312,9 +312,9 @@ async function exportJson(): Promise<void> {
   });
   if (isSave) {
     await fs.writeTextFile(isSave, JSON.stringify(UiafData));
-    snackbar({ text: "导出成功" });
+    showSnackbar({ text: "导出成功" });
   } else {
-    snackbar({
+    showSnackbar({
       color: "warn",
       text: "导出已取消",
     });
diff --git a/src/pages/common/Config.vue b/src/pages/common/Config.vue
index 84ced317..3d3c168e 100644
--- a/src/pages/common/Config.vue
+++ b/src/pages/common/Config.vue
@@ -191,7 +191,7 @@
 <script lang="ts" setup>
 // vue
 import { computed, onMounted, ref } from "vue";
-import snackbar from "../../components/func/snackbar";
+import showSnackbar from "../../components/func/snackbar";
 import ToLoading from "../../components/overlay/to-loading.vue";
 import ToConfirm from "../../components/overlay/to-confirm.vue";
 // tauri
@@ -261,7 +261,7 @@ onMounted(async () => {
       userStore.cookie = JSON.parse(ck.value);
     }
   } catch (e) {
-    snackbar({
+    showSnackbar({
       color: "error",
       text: "读取数据库失败！",
     });
@@ -391,7 +391,7 @@ async function backupData(): Promise<void> {
   const abyss = await TGSqlite.getAbyss();
   await backupAbyssData(abyss);
   loading.value = false;
-  snackbar({ text: "数据已备份!" });
+  showSnackbar({ text: "数据已备份!" });
 }
 
 async function restoreData(): Promise<void> {
@@ -410,8 +410,9 @@ async function restoreData(): Promise<void> {
   if (!res) {
     fail.push("深渊数据");
   }
-  if (fail.length > 0) snackbar({ text: `${fail.join("、")} 恢复失败!`, color: "error" });
-  else snackbar({ text: "数据已恢复!" });
+  fail.length > 0
+    ? showSnackbar({ text: `${fail.join("、")} 恢复失败!`, color: "error" })
+    : showSnackbar({ text: "数据已恢复!" });
   const cookie = await TGSqlite.getCookie();
   userStore.initCookie(cookie);
   loading.value = false;
@@ -423,7 +424,7 @@ async function delTempData(): Promise<void> {
     recursive: true,
   });
   await fs.createDir("tempData", { dir: fs.BaseDirectory.AppLocalData });
-  snackbar({ text: "临时数据已删除!" });
+  showSnackbar({ text: "临时数据已删除!" });
 }
 
 async function delUserData(): Promise<void> {
@@ -431,7 +432,7 @@ async function delUserData(): Promise<void> {
     dir: fs.BaseDirectory.AppLocalData,
     recursive: true,
   });
-  snackbar({ text: "用户数据已删除!" });
+  showSnackbar({ text: "用户数据已删除!" });
   achievementsStore.init();
   await fs.createDir("userData", { dir: fs.BaseDirectory.AppLocalData });
 }
@@ -441,7 +442,7 @@ function initAppData(): void {
   appStore.init();
   homeStore.init();
   achievementsStore.init();
-  snackbar({ text: "已恢复默认配置!即将刷新页面..." });
+  showSnackbar({ text: "已恢复默认配置!即将刷新页面..." });
   setTimeout(() => {
     window.location.reload();
   }, 1500);
@@ -450,8 +451,8 @@ function initAppData(): void {
 // 开启 dev 模式
 function submitDevMode(): void {
   appStore.devMode
-    ? snackbar({ text: "已关闭 dev 模式!" })
-    : snackbar({ text: "已开启 dev 模式!" });
+    ? showSnackbar({ text: "已关闭 dev 模式!" })
+    : showSnackbar({ text: "已开启 dev 模式!" });
 }
 
 // 修改首页显示
@@ -459,7 +460,7 @@ function submitHome(): void {
   // 获取已选
   const show = showHome.value;
   if (show.length < 1) {
-    snackbar({
+    showSnackbar({
       color: "error",
       text: "请至少选择一个!",
     });
@@ -467,7 +468,7 @@ function submitHome(): void {
   }
   // 设置
   homeStore.setShowValue(show);
-  snackbar({ text: "已修改!" });
+  showSnackbar({ text: "已修改!" });
 }
 
 // 刷新用户数据
@@ -475,7 +476,7 @@ async function refreshUser(): Promise<void> {
   const ck = userStore.cookie;
   // ck = {}
   if (Object.keys(ck).length < 1) {
-    snackbar({
+    showSnackbar({
       color: "error",
       text: "请先输入 Cookie!",
     });
@@ -533,12 +534,12 @@ async function refreshUser(): Promise<void> {
     failCount++;
   }
   if (failCount > 0) {
-    snackbar({
+    showSnackbar({
       color: "error",
       text: "刷新失败!请重新输入 cookie!",
     });
   } else {
-    snackbar({ text: "刷新成功!" });
+    showSnackbar({ text: "刷新成功!" });
   }
   loading.value = false;
 }
@@ -547,7 +548,7 @@ async function refreshUser(): Promise<void> {
 async function inputCookie(): Promise<void> {
   const cookie = confirmInput.value;
   if (cookie === "") {
-    snackbar({
+    showSnackbar({
       color: "error",
       text: "Cookie 为空!",
     });
@@ -562,7 +563,7 @@ async function inputCookie(): Promise<void> {
   const uid = cookieObj.find((item) => item[0] === "login_uid")?.[1];
   // 如果两者不存在
   if (!ticket || !uid) {
-    snackbar({
+    showSnackbar({
       color: "error",
       text: "Cookie 无效!",
     });
@@ -584,12 +585,12 @@ async function inputCookie(): Promise<void> {
       await TGSqlite.saveAccount(resAccounts);
     }
     loading.value = false;
-    snackbar({
+    showSnackbar({
       text: "Cookie 已保存!",
     });
   } catch (err) {
     loading.value = false;
-    snackbar({
+    showSnackbar({
       color: "error",
       text: "Cookie 无效!",
     });
@@ -627,7 +628,7 @@ async function checkDB(): Promise<void> {
       }
     }
     loading.value = false;
-    snackbar({
+    showSnackbar({
       text: "数据库已是最新!",
     });
   }
@@ -639,7 +640,7 @@ async function resetDB(): Promise<void> {
   loading.value = true;
   await TGSqlite.reset();
   loading.value = false;
-  snackbar({
+  showSnackbar({
     text: "数据库已重置!请进行再次检查。",
   });
   // 刷新
@@ -654,7 +655,7 @@ async function updateDB(): Promise<void> {
   await TGSqlite.update();
   achievementsStore.lastVersion = await TGSqlite.getLatestAchievementVersion();
   loading.value = false;
-  snackbar({
+  showSnackbar({
     text: "数据库已更新!",
   });
   // 刷新
diff --git a/src/views/t-news.vue b/src/views/t-news.vue
index 710f2a12..9bf52792 100644
--- a/src/views/t-news.vue
+++ b/src/views/t-news.vue
@@ -270,7 +270,7 @@
 // vue
 import { onMounted, ref } from "vue";
 import { useRoute, useRouter } from "vue-router";
-import snackbar from "../components/func/snackbar";
+import showSnackbar from "../components/func/snackbar";
 import ToLoading from "../components/overlay/to-loading.vue";
 import ToChannel from "../components/overlay/to-channel.vue";
 // store
@@ -367,7 +367,7 @@ async function switchAnno(): Promise<void> {
 async function loadMore(data: "notice" | "activity" | "news"): Promise<void> {
   loadingSub.value = true;
   if (rawData.value[data].isLast) {
-    snackbar({
+    showSnackbar({
       text: "已经是最后一页了",
       color: "warn",
     });
@@ -384,7 +384,7 @@ async function loadMore(data: "notice" | "activity" | "news"): Promise<void> {
   const getCard = Mys.News.card[data](getData);
   postData.value[data] = postData.value[data].concat(getCard);
   if (rawData.value[data].isLast) {
-    snackbar({
+    showSnackbar({
       text: "已经是最后一页了",
       color: "warn",
     });
@@ -440,7 +440,7 @@ async function toJson(item: TGApp.Plugins.Mys.News.RenderCard | string): Promise
 
 async function searchPost(): Promise<void> {
   if (search.value === "") {
-    snackbar({
+    showSnackbar({
       text: "请输入搜索内容",
       color: "error",
     });
@@ -452,7 +452,7 @@ async function searchPost(): Promise<void> {
       await toJson(search.value);
     }
   } else {
-    snackbar({
+    showSnackbar({
       text: "请输入搜索内容",
       color: "error",
     });