From 2e8086321e219cf94348857c9cab173272570f8f Mon Sep 17 00:00:00 2001
From: Tigercrl <tigercrl@icloud.com>
Date: Sun, 12 Jan 2025 14:08:49 +0800
Subject: [PATCH] fix: bugs & lint: code

---
 apps/app/.prettier.js                         |   4 +-
 apps/app/eslint.config.js                     |   4 +-
 apps/app/pnpm-lock.yaml                       |   2 +-
 apps/app/src-tauri/capabilities/default.json  |   6 +-
 apps/app/src/App.vue                          |  16 +-
 apps/app/src/components/WindowButton.vue      |  29 +-
 apps/app/src/main.ts                          |  68 +--
 apps/app/src/router.ts                        | 120 ++---
 apps/app/tsconfig.json                        |   4 +-
 apps/web/.prettier.js                         |   4 +-
 apps/web/README.md                            |   2 +-
 apps/web/app.config.ts                        |  12 +-
 apps/web/app.vue                              |  35 +-
 apps/web/crowdin.yml                          |   4 +-
 apps/web/eslint.config.js                     |  13 +-
 apps/web/i18n.config.ts                       |  16 +-
 apps/web/layouts/auth.vue                     | 408 ++++++++--------
 apps/web/layouts/default.vue                  |  10 +-
 apps/web/layouts/empty.vue                    |  18 +-
 apps/web/middleware/auth.global.ts            |  47 +-
 apps/web/nuxt.config.ts                       |  71 ++-
 apps/web/package.json                         |   1 +
 apps/web/pages/auth/login.vue                 | 205 ++++----
 apps/web/pages/auth/register.vue              | 237 +++++----
 apps/web/pages/connect.vue                    |   4 +-
 apps/web/pages/debug.vue                      |   8 +-
 apps/web/pages/index.vue                      |   8 +-
 apps/web/pages/instances.vue                  |   4 +-
 apps/web/pages/news.vue                       |   8 +-
 apps/web/pages/welcome/done.vue               |   9 +-
 apps/web/pages/welcome/eula.vue               |  10 +-
 apps/web/pages/welcome/welcome.vue            |   8 +-
 apps/web/server/api/auth/hasAdmin.get.ts      |  28 +-
 .../web/server/api/auth/hasPermission.post.ts |  41 +-
 apps/web/server/api/auth/login.post.ts        |  40 +-
 .../web/server/api/auth/registerAdmin.post.ts |  36 +-
 apps/web/server/api/auth/verifyToken.post.ts  |  32 +-
 apps/web/server/api/daemon/addDaemon.post.ts  |  30 +-
 .../server/api/daemon/getDaemonList.post.ts   |  55 ++-
 .../server/api/daemon/removeDaemon.post.ts    |  28 +-
 apps/web/server/api/getMeta.get.ts            |  16 +-
 apps/web/server/api/update/check.post.ts      |  36 +-
 apps/web/server/api/update/update.post.ts     |  36 +-
 apps/web/server/tsconfig.json                 |   2 +-
 apps/web/server/utils/api.ts                  |  33 +-
 apps/web/server/utils/auth.ts                 | 211 ++++----
 apps/web/server/utils/config.ts               | 166 +++----
 apps/web/server/utils/daemon.ts               |  38 +-
 apps/web/server/utils/storage.ts              | 122 +++--
 apps/web/server/utils/update.ts               |  90 ++--
 apps/web/tsconfig.json                        |   4 +-
 apps/web/utils/auth.ts                        | 227 +++++----
 packages/commons/src/assets/css/style.css     |   3 +-
 .../src/components/sidebar/Sidebar.vue        |   2 +-
 packages/commons/src/pages/Debug.vue          |  52 +-
 packages/commons/src/pages/News.vue           | 336 +++++++------
 packages/commons/src/pages/welcome/Done.vue   |  11 +-
 packages/commons/src/pages/welcome/Eula.vue   |  70 +--
 .../commons/src/pages/welcome/Welcome.vue     | 110 ++---
 packages/commons/src/utils/globals.ts         |  16 +-
 packages/commons/src/utils/loader.ts          | 120 ++---
 packages/commons/src/utils/uses.ts            | 450 +++++++++---------
 pnpm-lock.yaml                                | 142 +++---
 turbo.json                                    |   3 +
 64 files changed, 1972 insertions(+), 2009 deletions(-)

diff --git a/apps/app/.prettier.js b/apps/app/.prettier.js
index 9a15f37e..cf53826d 100644
--- a/apps/app/.prettier.js
+++ b/apps/app/.prettier.js
@@ -1,3 +1,3 @@
-import config from '@repo/configs/prettier/base'
+import config from "@repo/configs/prettier/base";
 
-export default config;
\ No newline at end of file
+export default config;
diff --git a/apps/app/eslint.config.js b/apps/app/eslint.config.js
index c04c7777..d532c833 100644
--- a/apps/app/eslint.config.js
+++ b/apps/app/eslint.config.js
@@ -1,3 +1,3 @@
-import vueConfig from '@repo/configs/eslint/vue.js'
+import vueConfig from "@repo/configs/eslint/vue.js";
 
-export default vueConfig
+export default vueConfig;
diff --git a/apps/app/pnpm-lock.yaml b/apps/app/pnpm-lock.yaml
index 6b34460b..6e99d7d5 100644
--- a/apps/app/pnpm-lock.yaml
+++ b/apps/app/pnpm-lock.yaml
@@ -1 +1 @@
-# This is a fake lock file to make tauri use pnpm
\ No newline at end of file
+# This is a fake lock file to make tauri use pnpm
diff --git a/apps/app/src-tauri/capabilities/default.json b/apps/app/src-tauri/capabilities/default.json
index ee6a270f..cdf9723c 100644
--- a/apps/app/src-tauri/capabilities/default.json
+++ b/apps/app/src-tauri/capabilities/default.json
@@ -2,9 +2,7 @@
   "$schema": "../gen/schemas/desktop-schema.json",
   "identifier": "default",
   "description": "Capability for the main window",
-  "windows": [
-    "main"
-  ],
+  "windows": ["main"],
   "permissions": [
     "core:default",
     "opener:default",
@@ -14,4 +12,4 @@
     "core:window:allow-unmaximize",
     "core:window:allow-minimize"
   ]
-}
\ No newline at end of file
+}
diff --git a/apps/app/src/App.vue b/apps/app/src/App.vue
index 323f3fa9..5e603f5f 100644
--- a/apps/app/src/App.vue
+++ b/apps/app/src/App.vue
@@ -1,26 +1,26 @@
 <script setup lang="ts">
 import Layout from "@repo/commons/src/Layout.vue";
-import {layout} from "./router.ts";
-import {useLocale} from "@repo/commons/src/utils/uses";
-import {useI18n} from "vue-i18n";
+import { layout } from "./router.ts";
+import { useLocale } from "@repo/commons/src/utils/uses";
+import { useI18n } from "vue-i18n";
 import WindowButton from "./components/WindowButton.vue";
 
-useLocale().injectComposer(useI18n())
+useLocale().injectComposer(useI18n());
 </script>
 
 <template>
   <div class="app__container">
-    <WindowButton/>
+    <WindowButton />
     <Layout v-if="layout == 'default'">
       <router-view v-slot="{ Component, route }">
         <transition name="blur" mode="out-in">
-          <component :is="Component" :key="route.path"/>
+          <component :is="Component" :key="route.path" />
         </transition>
       </router-view>
     </Layout>
     <router-view v-else-if="layout == 'none'" v-slot="{ Component, route }">
       <transition name="blur" mode="out-in">
-        <component :is="Component" :key="route.path"/>
+        <component :is="Component" :key="route.path" />
       </transition>
     </router-view>
   </div>
@@ -39,4 +39,4 @@ useLocale().injectComposer(useI18n())
   margin-top: 8px;
   height: calc(100% - 8px);
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/apps/app/src/components/WindowButton.vue b/apps/app/src/components/WindowButton.vue
index a0fa1dde..808945e4 100644
--- a/apps/app/src/components/WindowButton.vue
+++ b/apps/app/src/components/WindowButton.vue
@@ -1,7 +1,7 @@
 <script lang="ts" setup>
-import {ref} from 'vue';
-import {getCurrentWindow} from "@tauri-apps/api/window";
-import {exit} from "@tauri-apps/plugin-process";
+import { ref } from "vue";
+import { getCurrentWindow } from "@tauri-apps/api/window";
+import { exit } from "@tauri-apps/plugin-process";
 
 const maximizeBtnIcon = ref();
 
@@ -15,12 +15,13 @@ async function minimizeApp() {
 
 async function maximizeApp() {
   if (await getCurrentWindow().isMaximized()) {
-    maximizeBtnIcon.value.className = 'fas fa-up-right-and-down-left-from-center';
-    document.body.classList.remove('maximized');
+    maximizeBtnIcon.value.className =
+      "fas fa-up-right-and-down-left-from-center";
+    document.body.classList.remove("maximized");
     await getCurrentWindow().unmaximize();
   } else {
-    maximizeBtnIcon.value.className = 'fas fa-down-left-and-up-right-to-center';
-    document.body.classList.add('maximized');
+    maximizeBtnIcon.value.className = "fas fa-down-left-and-up-right-to-center";
+    document.body.classList.add("maximized");
     await getCurrentWindow().maximize();
   }
 }
@@ -29,9 +30,15 @@ async function maximizeApp() {
 <template>
   <div class="window-button__container">
     <button @click="exitApp"><i class="fas fa-xmark"></i></button>
-    <button @click="minimizeApp" id="window-minimize-button"><i class="fas fa-minus"></i></button>
-    <button @click="maximizeApp" id="window-maximize-button"><i
-        class="fas fa-up-right-and-down-left-from-center" ref="maximizeBtnIcon"></i></button>
+    <button @click="minimizeApp" id="window-minimize-button">
+      <i class="fas fa-minus"></i>
+    </button>
+    <button @click="maximizeApp" id="window-maximize-button">
+      <i
+        class="fas fa-up-right-and-down-left-from-center"
+        ref="maximizeBtnIcon"
+      ></i>
+    </button>
   </div>
 </template>
 
@@ -67,4 +74,4 @@ async function maximizeApp() {
 .window-button__container button:hover {
   border: 1px solid var(--el-menu-border-color);
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/apps/app/src/main.ts b/apps/app/src/main.ts
index f7bf6c8b..962bf9f8 100644
--- a/apps/app/src/main.ts
+++ b/apps/app/src/main.ts
@@ -1,42 +1,42 @@
-import {createApp} from "vue";
+import { createApp } from "vue";
 import App from "./App.vue";
 import ElementPlus from "element-plus";
-import {createPinia} from "pinia";
-import {agreedEula, loadApp} from "@repo/commons/src/utils/loader";
-import {setRouter} from "@repo/commons/src/utils/globals";
+import { createPinia } from "pinia";
+import { agreedEula, loadApp } from "@repo/commons/src/utils/loader";
+import { setRouter } from "@repo/commons/src/utils/globals";
 import router from "./router";
-import {createI18n} from "vue-i18n";
-import {useLocale} from "@repo/commons/src/utils/uses";
-import { type } from '@tauri-apps/plugin-os';
+import { createI18n } from "vue-i18n";
+import { useLocale } from "@repo/commons/src/utils/uses";
+import { type } from "@tauri-apps/plugin-os";
 
-const app = createApp(App)
-app.use(router)
-app.use(ElementPlus)
+const app = createApp(App);
+app.use(router);
+app.use(ElementPlus);
 app.use(createPinia());
 
 (async () => {
-    const messages: any = {};
-    const localeStore = useLocale()
-    for (const locale of localeStore.locales) {
-        messages[locale] = (await import(`./assets/i18n/${locale}.json`)).default;
-    }
-    const i18n = createI18n(await useLocale().getConfig(messages))
+  const messages: any = {};
+  const localeStore = useLocale();
+  for (const locale of localeStore.locales) {
+    messages[locale] = (await import(`./assets/i18n/${locale}.json`)).default;
+  }
+  const i18n = createI18n(await useLocale().getConfig(messages));
 
-    return {
-        i18n
-    }
-})().then(async ({i18n}) => {
-    app.use(i18n)
-    setRouter(router)
-    app.mount("#app");
-    const os = type()
-    if (os == 'macos') {
-        document.body.classList.add('tauri-macos')
-    } else if(os == 'windows' || os == 'linux') {
-        document.body.classList.add('tauri-desktop')
-    } else {
-        document.body.classList.add('tauri-mobile')
-    }
-    if (!agreedEula.value) await router.push('/welcome/welcome')
-    await loadApp()
-})
\ No newline at end of file
+  return {
+    i18n,
+  };
+})().then(async ({ i18n }) => {
+  app.use(i18n);
+  setRouter(router);
+  app.mount("#app");
+  const os = type();
+  if (os == "macos") {
+    document.body.classList.add("tauri-macos");
+  } else if (os == "windows" || os == "linux") {
+    document.body.classList.add("tauri-desktop");
+  } else {
+    document.body.classList.add("tauri-mobile");
+  }
+  if (!agreedEula.value) await router.push("/welcome/welcome");
+  await loadApp();
+});
diff --git a/apps/app/src/router.ts b/apps/app/src/router.ts
index fb99466e..8a1ece42 100644
--- a/apps/app/src/router.ts
+++ b/apps/app/src/router.ts
@@ -1,70 +1,70 @@
-import {createRouter, createWebHistory} from "vue-router";
-import {ref} from "vue";
-import {agreedEula} from "@repo/commons/src/utils/loader.ts";
-import Home from "@repo/commons/src/pages/Home.vue"
-import Welcome from "@repo/commons/src/pages/welcome/Welcome.vue"
-import Eula from "@repo/commons/src/pages/welcome/Eula.vue"
-import Done from "@repo/commons/src/pages/welcome/Done.vue"
-import Connect from "@repo/commons/src/pages/Connect.vue"
-import Debug from "@repo/commons/src/pages/Debug.vue"
-import Instances from "@repo/commons/src/pages/Instances.vue"
-import News from "@repo/commons/src/pages/News.vue"
+import { createRouter, createWebHistory } from "vue-router";
+import { ref } from "vue";
+import { agreedEula } from "@repo/commons/src/utils/loader.ts";
+import Home from "@repo/commons/src/pages/Home.vue";
+import Welcome from "@repo/commons/src/pages/welcome/Welcome.vue";
+import Eula from "@repo/commons/src/pages/welcome/Eula.vue";
+import Done from "@repo/commons/src/pages/welcome/Done.vue";
+import Connect from "@repo/commons/src/pages/Connect.vue";
+import Debug from "@repo/commons/src/pages/Debug.vue";
+import Instances from "@repo/commons/src/pages/Instances.vue";
+import News from "@repo/commons/src/pages/News.vue";
 
-export type LayoutType = 'none' | 'default'
+export type LayoutType = "none" | "default";
 
-export const layout = ref<LayoutType>('default')
+export const layout = ref<LayoutType>("default");
 
 const router = createRouter({
-    history: createWebHistory(import.meta.env.BASE_URL),
-    routes: [
-        {
-            path: "/",
-            component: Home
-        },
-        {
-            path: "/welcome/welcome",
-            component: Welcome,
-            meta: {
-                layout: 'none'
-            }
-        },
-        {
-            path: "/welcome/eula",
-            component: Eula,
-            meta: {
-                layout: 'none'
-            }
-        },
-        {
-            path: "/welcome/done",
-            component: Done,
-            meta: {
-                layout: 'none'
-            }
-        },
-        {
-            path: "/connect",
-            component: Connect
-        },
-        {
-            path: "/debug",
-            component: Debug
-        },
-        {
-            path: "/instances",
-            component: Instances
-        },
-        {
-            path: "/news",
-            component: News
-        },
-    ],
+  history: createWebHistory(import.meta.env.BASE_URL),
+  routes: [
+    {
+      path: "/",
+      component: Home,
+    },
+    {
+      path: "/welcome/welcome",
+      component: Welcome,
+      meta: {
+        layout: "none",
+      },
+    },
+    {
+      path: "/welcome/eula",
+      component: Eula,
+      meta: {
+        layout: "none",
+      },
+    },
+    {
+      path: "/welcome/done",
+      component: Done,
+      meta: {
+        layout: "none",
+      },
+    },
+    {
+      path: "/connect",
+      component: Connect,
+    },
+    {
+      path: "/debug",
+      component: Debug,
+    },
+    {
+      path: "/instances",
+      component: Instances,
+    },
+    {
+      path: "/news",
+      component: News,
+    },
+  ],
 });
 
 router.beforeEach(async (to, _from, next) => {
-    layout.value = <LayoutType | undefined>to.meta.layout ?? 'default'
+  layout.value = <LayoutType | undefined>to.meta.layout ?? "default";
 
-    next()
-})
+  next();
+});
 
 export default router;
diff --git a/apps/app/tsconfig.json b/apps/app/tsconfig.json
index 1cf5433d..246586db 100644
--- a/apps/app/tsconfig.json
+++ b/apps/app/tsconfig.json
@@ -1,4 +1,4 @@
 {
-	// https://nuxt.com/docs/guide/concepts/typescript
-	"extends": ["@repo/configs/ts/vue.json"]
+  // https://nuxt.com/docs/guide/concepts/typescript
+  "extends": ["@repo/configs/ts/vue.json"]
 }
diff --git a/apps/web/.prettier.js b/apps/web/.prettier.js
index 9a15f37e..cf53826d 100644
--- a/apps/web/.prettier.js
+++ b/apps/web/.prettier.js
@@ -1,3 +1,3 @@
-import config from '@repo/configs/prettier/base'
+import config from "@repo/configs/prettier/base";
 
-export default config;
\ No newline at end of file
+export default config;
diff --git a/apps/web/README.md b/apps/web/README.md
index 56ffab8d..c6d5d469 100644
--- a/apps/web/README.md
+++ b/apps/web/README.md
@@ -46,4 +46,4 @@ pnpm i
 pnpm dev # start a dev server
 pnpm run docs # generate docs
 pnpm build # build for production
-```
\ No newline at end of file
+```
diff --git a/apps/web/app.config.ts b/apps/web/app.config.ts
index f3462061..c063436c 100644
--- a/apps/web/app.config.ts
+++ b/apps/web/app.config.ts
@@ -1,13 +1,13 @@
 const config = {
-	appVersion: async () => {
-		return (await import('./package.json')).default.version;
-	},
-	updater: 'https://example.com/update.json',
-	resourcepackFormat: 1,
+  appVersion: async () => {
+    return (await import("./package.json")).default.version;
+  },
+  updater: "https://example.com/update.json",
+  resourcepackFormat: 1,
 };
 
 (async () => {
-	console.log('MCSL Future Web version: ' + (await config.appVersion()));
+  console.log("MCSL Future Web version: " + (await config.appVersion()));
 })();
 
 export default defineAppConfig(config);
diff --git a/apps/web/app.vue b/apps/web/app.vue
index fa1bf9a5..54156811 100644
--- a/apps/web/app.vue
+++ b/apps/web/app.vue
@@ -1,39 +1,40 @@
 <script setup lang="ts">
-import {loadApp} from "@repo/commons/src/utils/loader";
-import {isAprilFoolsDay} from "@repo/commons/src/utils/common";
-import {setBeian, setRouter} from "@repo/commons/src/utils/globals";
-import {useLocale} from "@repo/commons/src/utils/uses";
+import { loadApp } from "@repo/commons/src/utils/loader";
+import { isAprilFoolsDay } from "@repo/commons/src/utils/common";
+import { setBeian, setRouter } from "@repo/commons/src/utils/globals";
+import { useLocale } from "@repo/commons/src/utils/uses";
 
-let siteName = 'MCSL Future Web'
+let siteName = "MCSL Future Web";
 
 useHead({
-  titleTemplate: (titleChunk) => titleChunk ? `${titleChunk} | ` + siteName : siteName,
+  titleTemplate: (titleChunk) =>
+    titleChunk ? `${titleChunk} | ` + siteName : siteName,
   link: [
     {
       // 图标
-      rel: 'icon',
-      type: 'image/png',
+      rel: "icon",
+      type: "image/png",
       href: isAprilFoolsDay() // 判断愚人节，使用愚人节图标
-          ? '/assets/img/favicon-aprilfools.png'
-          : '/assets/img/favicon.png',
+        ? "/assets/img/favicon-aprilfools.png"
+        : "/assets/img/favicon.png",
     },
   ],
 });
 
 // 加载
-useLocale().injectComposer(useI18n())
+useLocale().injectComposer(useI18n());
 loadApp(async (loadingInfo) => {
-  loadingInfo.setMessage('loading.default')
-  setRouter(useRouter())
-  const meta = (await $fetch('/api/getMeta')).data
-  siteName = meta.siteName
-  setBeian(meta.beian)
+  loadingInfo.setMessage("loading.default");
+  setRouter(useRouter());
+  const meta = (await $fetch("/api/getMeta")).data;
+  siteName = meta.siteName;
+  setBeian(meta.beian);
 });
 </script>
 
 <template>
   <NuxtLayout>
-    <NuxtPage/>
+    <NuxtPage />
   </NuxtLayout>
 </template>
 
diff --git a/apps/web/crowdin.yml b/apps/web/crowdin.yml
index 6863b724..17aadac6 100644
--- a/apps/web/crowdin.yml
+++ b/apps/web/crowdin.yml
@@ -1,3 +1,3 @@
 files:
-    - source: /assets/i18n/zh-CN.json
-      translation: /%original_path%/%locale%.json
+  - source: /assets/i18n/zh-CN.json
+    translation: /%original_path%/%locale%.json
diff --git a/apps/web/eslint.config.js b/apps/web/eslint.config.js
index f954e36a..01790423 100644
--- a/apps/web/eslint.config.js
+++ b/apps/web/eslint.config.js
@@ -1,9 +1,6 @@
-import vueConfig from '@repo/configs/eslint/vue.js'
-import withNuxt from './.nuxt/eslint.config.mjs';
+import vueConfig from "@repo/configs/eslint/vue.js";
+import withNuxt from "./.nuxt/eslint.config.mjs";
 
-export default withNuxt(
-    ...vueConfig,
-    {
-        ignores: ['.nuxt/**/*'],
-    },
-);
+export default withNuxt(...vueConfig, {
+  ignores: [".nuxt/**/*"],
+});
diff --git a/apps/web/i18n.config.ts b/apps/web/i18n.config.ts
index 1bb77db1..0dc5ca7e 100644
--- a/apps/web/i18n.config.ts
+++ b/apps/web/i18n.config.ts
@@ -1,10 +1,10 @@
-import {useLocale} from "@repo/commons/src/utils/uses";
+import { useLocale } from "@repo/commons/src/utils/uses";
 
 export default defineI18nConfig(async () => {
-    const messages: any = {};
-    const localeStore = useLocale()
-    for (const locale of localeStore.locales) {
-        messages[locale] = (await import(`./assets/i18n/${locale}.json`)).default;
-    }
-    return localeStore.getConfig(messages)
-});
\ No newline at end of file
+  const messages: any = {};
+  const localeStore = useLocale();
+  for (const locale of localeStore.locales) {
+    messages[locale] = (await import(`./assets/i18n/${locale}.json`)).default;
+  }
+  return localeStore.getConfig(messages);
+});
diff --git a/apps/web/layouts/auth.vue b/apps/web/layouts/auth.vue
index 50cfd563..605e1525 100644
--- a/apps/web/layouts/auth.vue
+++ b/apps/web/layouts/auth.vue
@@ -1,7 +1,7 @@
 <!-- 登录/注册页面布局 -->
 <script setup lang="ts">
-import {getLogoSrc, randNum, sleep} from "@repo/commons/src/utils/common";
-import {canHideOverlay} from "@repo/commons/src/utils/loader";
+import { getLogoSrc, randNum, sleep } from "@repo/commons/src/utils/common";
+import { canHideOverlay } from "@repo/commons/src/utils/loader";
 import LoadingOverlay from "@repo/commons/src/components/LoadingOverlay.vue";
 import FancyBackground from "@repo/commons/src/components/FancyBackground.vue";
 import PageFooter from "@repo/commons/src/components/page/PageFooter.vue";
@@ -9,280 +9,276 @@ import PageFooter from "@repo/commons/src/components/page/PageFooter.vue";
 const icon = ref();
 const iconX = ref(0);
 const iconY = ref(0);
-const item = ref<string>('web');
+const item = ref<string>("web");
 const showItem = ref<boolean>(true);
 let itemInterval: any;
 
 async function onMouseMove(event: MouseEvent) {
-	const rect = icon.value.getBoundingClientRect();
-	const centerX = rect.x + rect.width / 2;
-	const centerY = rect.y + rect.height / 2;
-	const rangeX = [
-		centerX - rect.width / 2 - 50,
-		centerX + rect.width / 2 + 50,
-	];
-	const rangeY = [
-		centerY - rect.height / 2 - 50,
-		centerY + rect.height / 2 + 50,
-	];
-	const mouseX = event.clientX;
-	const mouseY = event.clientY;
-	if (
-		rangeX[0] < mouseX &&
-		mouseX < rangeX[1] &&
-		rangeY[0] < mouseY &&
-		mouseY < rangeY[1]
-	) {
-		iconX.value = (mouseX - centerX) / (rangeX[1] - centerX);
-		iconY.value = (mouseY - centerY) / (rangeY[1] - centerY);
-	} else {
-		iconX.value = iconY.value = 0;
-	}
+  const rect = icon.value.getBoundingClientRect();
+  const centerX = rect.x + rect.width / 2;
+  const centerY = rect.y + rect.height / 2;
+  const rangeX = [centerX - rect.width / 2 - 50, centerX + rect.width / 2 + 50];
+  const rangeY = [
+    centerY - rect.height / 2 - 50,
+    centerY + rect.height / 2 + 50,
+  ];
+  const mouseX = event.clientX;
+  const mouseY = event.clientY;
+  if (
+    rangeX[0] < mouseX &&
+    mouseX < rangeX[1] &&
+    rangeY[0] < mouseY &&
+    mouseY < rangeY[1]
+  ) {
+    iconX.value = (mouseX - centerX) / (rangeX[1] - centerX);
+    iconY.value = (mouseY - centerY) / (rangeY[1] - centerY);
+  } else {
+    iconX.value = iconY.value = 0;
+  }
 }
 
 const icons: Record<string, string> = {
-	web: 'fa-globe',
-	jwt: 'fa-key',
-	ootb: 'fa-download',
-	'element-plus': 'fa-paint-roller',
-	daemon: 'fa-server',
-	performance: 'fa-bolt',
-	i18n: 'fa-language',
-	secure: 'fa-lock',
-	ease: 'fa-square-plus',
+  web: "fa-globe",
+  jwt: "fa-key",
+  ootb: "fa-download",
+  "element-plus": "fa-paint-roller",
+  daemon: "fa-server",
+  performance: "fa-bolt",
+  i18n: "fa-language",
+  secure: "fa-lock",
+  ease: "fa-square-plus",
 };
 
 onMounted(() => {
-	window.addEventListener('mousemove', onMouseMove);
-	itemInterval = setInterval(async () => {
-		showItem.value = false;
-		await sleep(500);
-		let temp;
-		do {
-			temp = Object.keys(icons)[randNum(Object.keys(icons).length)]!;
-		} while (temp == item.value);
-		item.value = temp;
-		await sleep(500);
-		showItem.value = true;
-	}, 6000);
+  window.addEventListener("mousemove", onMouseMove);
+  itemInterval = setInterval(async () => {
+    showItem.value = false;
+    await sleep(500);
+    let temp;
+    do {
+      temp = Object.keys(icons)[randNum(Object.keys(icons).length)]!;
+    } while (temp == item.value);
+    item.value = temp;
+    await sleep(500);
+    showItem.value = true;
+  }, 6000);
 });
 
 onUnmounted(() => {
-	window.removeEventListener('mousemove', onMouseMove);
-	clearInterval(itemInterval);
+  window.removeEventListener("mousemove", onMouseMove);
+  clearInterval(itemInterval);
 });
 </script>
 
 <template>
-	<div class="auth__max-screen">
-		<LoadingOverlay />
-		<div v-show="canHideOverlay" class="auth__max-screen">
-			<FancyBackground light="5" />
-			<div class="auth__container auth__max-screen">
-				<div class="auth__left">
-					<div class="auth__logo">
-						<img :src="getLogoSrc()" alt="logo" >
-						<h1>
-							{{ $t('app.name.abbr') }}
-							<span>{{ $t('app.name.future') }}</span>
-						</h1>
-					</div>
-					<div
-						class="auth__side"
-						:style="{ opacity: showItem ? 1 : 0 }">
-						<i
-							ref="icon"
-							class="fa"
-							:class="[icons[item]]"
-							:style="{
-								transform: `translate(${iconX * 10}px, ${iconY * 10}px) rotateX(${iconY * 15}deg) rotateY(${-iconX * 15}deg)`,
-								transition:
-									iconX == 0 && iconY == 0
-										? '0.3s ease-in-out'
-										: 'scale 0.3s ease-in-out, 0.1s linear',
-								scale: iconX == 0 && iconY == 0 ? '1' : '1.07',
-								filter:
-									iconX == 0 && iconY == 0
-										? 'drop-shadow(0 0 12px var(--shadow-small))'
-										: `drop-shadow(${iconX * 15}px ${iconY * 15}px 12px var(--shadow-big))`,
-							}" />
-						<h2>{{ $t('auth.side.' + item + '.title') }}</h2>
-						<h3>{{ $t('auth.side.' + item + '.desc') }}</h3>
-					</div>
-				</div>
-				<ElCard class="auth__right" body-class="auth__card-body">
-					<div class="auth__logo">
-						<img :src="getLogoSrc()" alt="logo" >
-						<h1>
-							{{ $t('app.name.abbr') }}
-							<span>{{ $t('app.name.future') }}</span>
-						</h1>
-					</div>
-					<div class="auth__content">
-						<slot />
-					</div>
-					<PageFooter class="auth__footer" />
-				</ElCard>
-			</div>
-		</div>
-	</div>
+  <div class="auth__max-screen">
+    <LoadingOverlay />
+    <div v-show="canHideOverlay" class="auth__max-screen">
+      <FancyBackground light="5" />
+      <div class="auth__container auth__max-screen">
+        <div class="auth__left">
+          <div class="auth__logo">
+            <img :src="getLogoSrc()" alt="logo" />
+            <h1>
+              {{ $t("app.name.abbr") }}
+              <span>{{ $t("app.name.future") }}</span>
+            </h1>
+          </div>
+          <div class="auth__side" :style="{ opacity: showItem ? 1 : 0 }">
+            <i
+              ref="icon"
+              class="fa"
+              :class="[icons[item]]"
+              :style="{
+                transform: `translate(${iconX * 10}px, ${iconY * 10}px) rotateX(${iconY * 15}deg) rotateY(${-iconX * 15}deg)`,
+                transition:
+                  iconX == 0 && iconY == 0
+                    ? '0.3s ease-in-out'
+                    : 'scale 0.3s ease-in-out, 0.1s linear',
+                scale: iconX == 0 && iconY == 0 ? '1' : '1.07',
+                filter:
+                  iconX == 0 && iconY == 0
+                    ? 'drop-shadow(0 0 12px var(--shadow-small))'
+                    : `drop-shadow(${iconX * 15}px ${iconY * 15}px 12px var(--shadow-big))`,
+              }"
+            />
+            <h2>{{ $t("auth.side." + item + ".title") }}</h2>
+            <h3>{{ $t("auth.side." + item + ".desc") }}</h3>
+          </div>
+        </div>
+        <ElCard class="auth__right" body-class="auth__card-body">
+          <div class="auth__logo">
+            <img :src="getLogoSrc()" alt="logo" />
+            <h1>
+              {{ $t("app.name.abbr") }}
+              <span>{{ $t("app.name.future") }}</span>
+            </h1>
+          </div>
+          <div class="auth__content">
+            <slot />
+          </div>
+          <PageFooter class="auth__footer" />
+        </ElCard>
+      </div>
+    </div>
+  </div>
 </template>
 
 <style scoped>
 .auth__max-screen {
-	width: 100%;
-	height: 100%;
+  width: 100%;
+  height: 100%;
 }
 
 .auth__left {
-	padding: 1rem;
-	width: 40%;
-	display: flex;
-	justify-content: center;
-	align-items: center;
-	flex-direction: column;
-	height: calc(100% - 2rem);
-	@media (max-width: 768px) {
-		display: none;
-	}
+  padding: 1rem;
+  width: 40%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-direction: column;
+  height: calc(100% - 2rem);
+  @media (max-width: 768px) {
+    display: none;
+  }
 }
 
 .auth__right {
-	display: flex;
-	justify-content: center;
-	align-items: center;
-	border-radius: 3rem 0 0 3rem;
-	padding: 1rem;
-	width: 60%;
-	height: calc(100% - 2rem);
-	animation: 0.5s ease-in-out fadeInRight;
-	@media (max-width: 768px) {
-		width: 100%;
-		border-radius: 0;
-		animation: none;
-	}
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  border-radius: 3rem 0 0 3rem;
+  padding: 1rem;
+  width: 60%;
+  height: calc(100% - 2rem);
+  animation: 0.5s ease-in-out fadeInRight;
+  @media (max-width: 768px) {
+    width: 100%;
+    border-radius: 0;
+    animation: none;
+  }
 }
 
 @media (min-width: 768px) {
-	.auth__right .auth__logo {
-		display: none;
-	}
+  .auth__right .auth__logo {
+    display: none;
+  }
 }
 
 .auth__container {
-	position: absolute;
-	display: flex;
-	z-index: 1;
+  position: absolute;
+  display: flex;
+  z-index: 1;
 }
 
 .auth__logo {
-	height: 7rem;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	gap: 1rem;
-	margin: 1rem;
-	@media (min-width: 768px) {
-		position: absolute;
-		top: 0;
-		z-index: 10;
-	}
+  height: 7rem;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 1rem;
+  margin: 1rem;
+  @media (min-width: 768px) {
+    position: absolute;
+    top: 0;
+    z-index: 10;
+  }
 }
 
 .auth__logo img {
-	height: 7rem;
-	@media (max-width: 768px) {
-		height: 5rem;
-	}
+  height: 7rem;
+  @media (max-width: 768px) {
+    height: 5rem;
+  }
 }
 
 .auth__logo h1 {
-	font-weight: var(--el-font-weight-primary);
-	color: var(--el-text-color-primary);
-	font-size: 2.5rem;
-	@media (max-width: 768px) {
-		font-size: 2rem;
-	}
+  font-weight: var(--el-font-weight-primary);
+  color: var(--el-text-color-primary);
+  font-size: 2.5rem;
+  @media (max-width: 768px) {
+    font-size: 2rem;
+  }
 }
 
 .auth__logo h1 span {
-	font-weight: bold;
-	color: transparent;
-	background: linear-gradient(
-		135deg,
-		var(--el-color-primary),
-		var(--el-color-primary-dark-2)
-	);
-	background-clip: text;
+  font-weight: bold;
+  color: transparent;
+  background: linear-gradient(
+    135deg,
+    var(--el-color-primary),
+    var(--el-color-primary-dark-2)
+  );
+  background-clip: text;
 }
 
 .auth__footer {
-	padding: 0;
-	width: 100%;
+  padding: 0;
+  width: 100%;
 }
 
 .auth__side {
-	--shadow-small: rgba(0, 0, 0, 0.1);
-	--shadow-big: rgba(0, 0, 0, 0.15);
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	justify-content: center;
-	gap: 0.5rem;
-	margin: 110px 0 0 0;
-	transition: 0.5s ease-in-out;
+  --shadow-small: rgba(0, 0, 0, 0.1);
+  --shadow-big: rgba(0, 0, 0, 0.15);
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: 0.5rem;
+  margin: 110px 0 0 0;
+  transition: 0.5s ease-in-out;
 }
 
 .dark .auth__side {
-	--shadow-small: rgba(255, 255, 255, 0.1);
-	--shadow-big: rgba(255, 255, 255, 0.2);
+  --shadow-small: rgba(255, 255, 255, 0.1);
+  --shadow-big: rgba(255, 255, 255, 0.2);
 }
 
 .auth__side i {
-	font-size: 160px;
-	margin: 1rem;
-	color: transparent;
-	background: linear-gradient(
-		135deg,
-		var(--el-color-primary),
-		var(--el-color-purple)
-	);
-	background-clip: text;
-	transition: 0.3s ease-in-out;
-	transform: rotate3d(0, 0, 1, 360deg);
+  font-size: 160px;
+  margin: 1rem;
+  color: transparent;
+  background: linear-gradient(
+    135deg,
+    var(--el-color-primary),
+    var(--el-color-purple)
+  );
+  background-clip: text;
+  transition: 0.3s ease-in-out;
+  transform: rotate3d(0, 0, 1, 360deg);
 }
 
 .auth__side h2 {
-	margin: 0;
-	font-weight: var(--el-font-weight-primary);
-	color: var(--el-text-color-primary);
-	font-size: 1.75rem;
+  margin: 0;
+  font-weight: var(--el-font-weight-primary);
+  color: var(--el-text-color-primary);
+  font-size: 1.75rem;
 }
 
 .auth__side h3 {
-	margin: 0;
-	white-space: pre-wrap;
-	text-align: center;
-	font-weight: normal;
-	font-size: 1.1rem;
-	color: var(--el-text-color-regular);
+  margin: 0;
+  white-space: pre-wrap;
+  text-align: center;
+  font-weight: normal;
+  font-size: 1.1rem;
+  color: var(--el-text-color-regular);
 }
 
 .auth__content {
-	width: 100%;
-	height: calc(100% - var(--el-card-padding));
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	justify-content: center;
+  width: 100%;
+  height: calc(100% - var(--el-card-padding));
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
 }
 </style>
 
 <style>
 @media (min-width: 768px) {
-	.auth__card-body {
-		width: 100%;
-		height: 100%;
-	}
+  .auth__card-body {
+    width: 100%;
+    height: 100%;
+  }
 }
 </style>
diff --git a/apps/web/layouts/default.vue b/apps/web/layouts/default.vue
index 523fe0c4..49c0fc72 100644
--- a/apps/web/layouts/default.vue
+++ b/apps/web/layouts/default.vue
@@ -4,18 +4,18 @@ import Layout from "@repo/commons/src/Layout.vue";
 </script>
 
 <template>
-	<Layout>
-    <slot/>
+  <Layout>
+    <slot />
   </Layout>
 </template>
 
 <style scoped>
 .default-layout__max-screen {
-	width: 100%;
-	height: 100%;
+  width: 100%;
+  height: 100%;
 }
 
 .default-layout__sidebar {
-	animation: 0.5s ease-in-out fadeInLeft;
+  animation: 0.5s ease-in-out fadeInLeft;
 }
 </style>
diff --git a/apps/web/layouts/empty.vue b/apps/web/layouts/empty.vue
index 33c1a226..dee971f1 100644
--- a/apps/web/layouts/empty.vue
+++ b/apps/web/layouts/empty.vue
@@ -1,21 +1,21 @@
 <!-- 空布局 -->
 <script setup lang="ts">
-import {canHideOverlay} from "@repo/commons/src/utils/loader";
+import { canHideOverlay } from "@repo/commons/src/utils/loader";
 import LoadingOverlay from "@repo/commons/src/components/LoadingOverlay.vue";
 </script>
 
 <template>
-	<div class="empty__max-screen">
-		<LoadingOverlay />
-		<div v-show="canHideOverlay" class="empty__max-screen">
-			<slot />
-		</div>
-	</div>
+  <div class="empty__max-screen">
+    <LoadingOverlay />
+    <div v-show="canHideOverlay" class="empty__max-screen">
+      <slot />
+    </div>
+  </div>
 </template>
 
 <style scoped>
 .empty__max-screen {
-	width: 100%;
-	height: 100%;
+  width: 100%;
+  height: 100%;
 }
 </style>
diff --git a/apps/web/middleware/auth.global.ts b/apps/web/middleware/auth.global.ts
index 4b156766..6933c833 100644
--- a/apps/web/middleware/auth.global.ts
+++ b/apps/web/middleware/auth.global.ts
@@ -1,32 +1,31 @@
-import {agreedEula} from "@repo/commons/src/utils/loader";
+import { agreedEula } from "@repo/commons/src/utils/loader";
 
 /**
  * 登录验证中间件，检测是否需要登录/注册/同意EULA，需要就跳转
  */
 export default defineNuxtRouteMiddleware(async (to) => {
-    if (!agreedEula.value) {
-        // 未同意EULA
-        if (!to.fullPath.startsWith('/welcome'))
-            return navigateTo('/welcome/welcome');
-        return;
-    } else {
-        if (to.fullPath.startsWith('/welcome')) return abortNavigation()
-    }
+  if (!agreedEula.value) {
+    // 未同意EULA
+    if (!to.fullPath.startsWith("/welcome"))
+      return navigateTo("/welcome/welcome");
+    return;
+  } else {
+    if (to.fullPath.startsWith("/welcome")) return abortNavigation();
+  }
 
-    if (await shouldRegister()) {
-        // 未注册
-        if (to.fullPath != '/auth/register')
-            return navigateTo('/auth/register');
-        return;
-    } else {
-        if (to.fullPath == '/auth/register') return abortNavigation();
-    }
+  if (await shouldRegister()) {
+    // 未注册
+    if (to.fullPath != "/auth/register") return navigateTo("/auth/register");
+    return;
+  } else {
+    if (to.fullPath == "/auth/register") return abortNavigation();
+  }
 
-    if (await shouldLogin()) {
-        // 未登录
-        if (to.fullPath != '/auth/login') return navigateTo('/auth/login');
-        return;
-    } else {
-        if (to.fullPath == '/auth/login') return abortNavigation();
-    }
+  if (await shouldLogin()) {
+    // 未登录
+    if (to.fullPath != "/auth/login") return navigateTo("/auth/login");
+    return;
+  } else {
+    if (to.fullPath == "/auth/login") return abortNavigation();
+  }
 });
diff --git a/apps/web/nuxt.config.ts b/apps/web/nuxt.config.ts
index 84069696..f1a15747 100644
--- a/apps/web/nuxt.config.ts
+++ b/apps/web/nuxt.config.ts
@@ -1,40 +1,39 @@
 // https://nuxt.com/docs/api/configuration/nuxt-config
-import {initDataManager} from "@repo/commons/src/utils/globals";
 
 export default defineNuxtConfig({
-	compatibilityDate: '2024-04-03',
-	devtools: {
-		enabled: true,
-		timeline: {
-			enabled: true,
-		},
-	},
-	ssr: false,
-	modules: [
-		'@nuxtjs/i18n',
-		'@nuxtjs/eslint-module',
-		'@element-plus/nuxt',
-		'@nuxt/eslint',
-		'@vueuse/nuxt',
-		'@pinia/nuxt'
-	],
-	app: {
-		head: {
-			noscript: [
-				{
-					// 没有JavaScript时显示
-					innerHTML:
-						'<div class="noscript"><p>MCSL Future Web 需要启用 JavaScript 才可使用！</p></div>',
-				},
-			],
-		},
-		pageTransition: {
-			name: 'blur',
-			mode: 'out-in',
-		},
-		layoutTransition: {
-			name: 'fade',
-			mode: 'out-in',
-		},
-	},
+  compatibilityDate: "2024-04-03",
+  devtools: {
+    enabled: true,
+    timeline: {
+      enabled: true,
+    },
+  },
+  ssr: false,
+  modules: [
+    "@nuxtjs/i18n",
+    "@nuxtjs/eslint-module",
+    "@element-plus/nuxt",
+    "@nuxt/eslint",
+    "@vueuse/nuxt",
+    "@pinia/nuxt",
+  ],
+  app: {
+    head: {
+      noscript: [
+        {
+          // 没有JavaScript时显示
+          innerHTML:
+            '<div class="noscript"><p>MCSL Future Web 需要启用 JavaScript 才可使用！</p></div>',
+        },
+      ],
+    },
+    pageTransition: {
+      name: "blur",
+      mode: "out-in",
+    },
+    layoutTransition: {
+      name: "fade",
+      mode: "out-in",
+    },
+  },
 });
diff --git a/apps/web/package.json b/apps/web/package.json
index f5859c73..91a8dcb8 100644
--- a/apps/web/package.json
+++ b/apps/web/package.json
@@ -14,6 +14,7 @@
     "test": "vue-tsc --noEmit"
   },
   "dependencies": {
+    "@nuxtjs/eslint-module": "^4.1.0",
     "@nuxtjs/i18n": "^8.5.6",
     "@nuxtjs/universal-storage": "^0.5.9",
     "@pinia/nuxt": "^0.9.0",
diff --git a/apps/web/pages/auth/login.vue b/apps/web/pages/auth/login.vue
index 4902d67d..1453abf4 100644
--- a/apps/web/pages/auth/login.vue
+++ b/apps/web/pages/auth/login.vue
@@ -1,143 +1,142 @@
 <script setup lang="ts">
-import { reactive } from 'vue';
-import type { FormInstance, FormRules } from 'element-plus';
+import { reactive } from "vue";
+import type { FormInstance, FormRules } from "element-plus";
 
 definePageMeta({
-	layout: 'auth',
+  layout: "auth",
 });
 
 const i18n = useI18n();
 
 useHead({
-	title: i18n.t('auth.login.title'),
+  title: i18n.t("auth.login.title"),
 });
 
 interface RuleForm {
-	username: string;
-	password: string;
-	rememberMe: boolean;
+  username: string;
+  password: string;
+  rememberMe: boolean;
 }
 
 const formRef = ref<FormInstance>();
 const form = reactive<RuleForm>({
-	username: '',
-	password: '',
-	rememberMe: false,
+  username: "",
+  password: "",
+  rememberMe: false,
 });
 
 const rules = reactive<FormRules<RuleForm>>({
-	username: [
-		{
-			required: true,
-			message: i18n.t('form.invalid.require'),
-			trigger: 'blur',
-		},
-		{
-			pattern: /[a-zA-Z_]{2,16}/,
-			message: i18n.t('form.invalid.format'),
-			trigger: 'blur',
-		},
-	],
-	password: [
-		{
-			required: true,
-			message: i18n.t('form.invalid.require'),
-			trigger: 'blur',
-		},
-		{
-			pattern: /^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)[a-zA-Z\d$@!%*?&\-_]{8,}$/,
-			message: i18n.t('form.invalid.format'),
-			trigger: 'blur',
-		},
-	],
+  username: [
+    {
+      required: true,
+      message: i18n.t("form.invalid.require"),
+      trigger: "blur",
+    },
+    {
+      pattern: /[a-zA-Z_]{2,16}/,
+      message: i18n.t("form.invalid.format"),
+      trigger: "blur",
+    },
+  ],
+  password: [
+    {
+      required: true,
+      message: i18n.t("form.invalid.require"),
+      trigger: "blur",
+    },
+    {
+      pattern: /^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)[a-zA-Z\d$@!%*?&\-_]{8,}$/,
+      message: i18n.t("form.invalid.format"),
+      trigger: "blur",
+    },
+  ],
 });
 
 async function submit() {
-	if (!formRef.value) return;
-	await formRef.value.validate(async (valid) => {
-		if (valid) {
-			await login(
-				form.username,
-				form.password,
-				form.rememberMe,
-				() => {
-					ElMessage({
-						message: i18n.t('auth.login.success'),
-						type: 'success',
-					});
-				},
-				(message) => {
-					ElMessage({
-						message: i18n.t('auth.login.failed', {
-							reason: i18n.t('request.failed.reason.' + message),
-						}),
-						type: 'error',
-					});
-				},
-			);
-		}
-	});
+  if (!formRef.value) return;
+  await formRef.value.validate(async (valid) => {
+    if (valid) {
+      await login(
+        form.username,
+        form.password,
+        form.rememberMe,
+        () => {
+          ElMessage({
+            message: i18n.t("auth.login.success"),
+            type: "success",
+          });
+        },
+        (message) => {
+          ElMessage({
+            message: i18n.t("auth.login.failed", {
+              reason: i18n.t("request.failed.reason." + message),
+            }),
+            type: "error",
+          });
+        },
+      );
+    }
+  });
 }
 </script>
 
 <template>
-	<ElForm
-		ref="formRef"
-		class="auth__content-card"
-		:model="form"
-		:rules="rules">
-		<h1>{{ $t('auth.login.title') }}</h1>
-		<h2>{{ $t('auth.login.subtitle') }}</h2>
-		<ElFormItem prop="username">
-			<ElInput
-				v-model="form.username"
-				:placeholder="$t('auth.login.username')" />
-		</ElFormItem>
-		<ElFormItem prop="password">
-			<ElInput
-				v-model="form.password"
-				type="password"
-				:placeholder="$t('auth.login.password')" />
-		</ElFormItem>
-		<ElFormItem>
-			<ElCheckbox
-				v-model="form.rememberMe"
-				:label="$t('auth.login.remember-me')" />
-			<ElButton type="primary" @click="submit"
-				>{{ $t('auth.login.submit') }}
-			</ElButton>
-		</ElFormItem>
-	</ElForm>
+  <ElForm ref="formRef" class="auth__content-card" :model="form" :rules="rules">
+    <h1>{{ $t("auth.login.title") }}</h1>
+    <h2>{{ $t("auth.login.subtitle") }}</h2>
+    <ElFormItem prop="username">
+      <ElInput
+        v-model="form.username"
+        :placeholder="$t('auth.login.username')"
+      />
+    </ElFormItem>
+    <ElFormItem prop="password">
+      <ElInput
+        v-model="form.password"
+        type="password"
+        :placeholder="$t('auth.login.password')"
+      />
+    </ElFormItem>
+    <ElFormItem>
+      <ElCheckbox
+        v-model="form.rememberMe"
+        :label="$t('auth.login.remember-me')"
+      />
+      <ElButton type="primary" @click="submit"
+        >{{ $t("auth.login.submit") }}
+      </ElButton>
+    </ElFormItem>
+  </ElForm>
 </template>
 
 <style scoped>
 @media (min-width: 768px) {
-	.auth__content-card {
-		width: 75%;
-	}
+  .auth__content-card {
+    width: 75%;
+  }
 }
 
 .auth__right h1 {
-	width: calc(100% - var(--el-card-padding));
-	text-align: center;
-	font-weight: var(--el-font-weight-primary);
-	color: var(--el-text-color-primary);
-	margin: 0.5rem;
+  width: calc(100% - var(--el-card-padding));
+  text-align: center;
+  font-weight: var(--el-font-weight-primary);
+  color: var(--el-text-color-primary);
+  margin: 0.5rem;
 }
 
 .auth__right h2 {
-	width: calc(100% - var(--el-card-padding));
-	text-align: center;
-	font-weight: normal;
-	color: var(--el-text-color-secondary);
-	font-size: var(--el-font-size-small);
-	margin: 0.5rem 0.5rem 2rem 0.5rem;
+  width: calc(100% - var(--el-card-padding));
+  text-align: center;
+  font-weight: normal;
+  color: var(--el-text-color-secondary);
+  font-size: var(--el-font-size-small);
+  margin: 0.5rem 0.5rem 2rem 0.5rem;
 }
 
 .auth__right .el-button {
-	margin-top: 15px;
-	padding: 1.1rem !important;
-	width: 100%;
-	font-size: var(--el-font-size-medium);
+  margin-top: 15px;
+  padding: 1.1rem !important;
+  width: 100%;
+  font-size: var(--el-font-size-medium);
 }
 </style>
diff --git a/apps/web/pages/auth/register.vue b/apps/web/pages/auth/register.vue
index 517347b7..3d924ac7 100644
--- a/apps/web/pages/auth/register.vue
+++ b/apps/web/pages/auth/register.vue
@@ -1,160 +1,157 @@
 <script setup lang="ts">
-import { reactive } from 'vue';
-import type { FormInstance, FormRules } from 'element-plus';
+import { reactive } from "vue";
+import type { FormInstance, FormRules } from "element-plus";
 
 definePageMeta({
-	layout: 'auth',
+  layout: "auth",
 });
 
 const i18n = useI18n();
 
 useHead({
-	title: i18n.t('auth.register.title'),
+  title: i18n.t("auth.register.title"),
 });
 
 interface RuleForm {
-	username: string;
-	password: string;
-	passwordConfirm: string;
+  username: string;
+  password: string;
+  passwordConfirm: string;
 }
 
 const formRef = ref<FormInstance>();
 const form = reactive<RuleForm>({
-	username: '',
-	password: '',
-	passwordConfirm: '',
+  username: "",
+  password: "",
+  passwordConfirm: "",
 });
 
 const rules = reactive<FormRules<RuleForm>>({
-	username: [
-		{
-			required: true,
-			message: i18n.t('form.invalid.require'),
-			trigger: 'blur',
-		},
-		{
-			pattern: /[a-zA-Z_]{2,16}/,
-			message: i18n.t('form.invalid.format'),
-			trigger: 'blur',
-		},
-	],
-	password: [
-		{
-			required: true,
-			message: i18n.t('form.invalid.require'),
-			trigger: 'blur',
-		},
-		{
-			pattern: /^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)[a-zA-Z\d$@!%*?&\-_]{8,}$/,
-			message: i18n.t('form.invalid.format'),
-			trigger: 'blur',
-		},
-	],
-	passwordConfirm: [
-		{
-			validator: (_rule, value, callback) => {
-				if (value == '') {
-					callback(new Error(i18n.t('form.invalid.require')));
-				} else if (value !== form.password) {
-					callback(
-						new Error(i18n.t('auth.register.invalid.confirm')),
-					);
-				} else {
-					callback();
-				}
-			},
-			trigger: 'blur',
-		},
-	],
+  username: [
+    {
+      required: true,
+      message: i18n.t("form.invalid.require"),
+      trigger: "blur",
+    },
+    {
+      pattern: /[a-zA-Z_]{2,16}/,
+      message: i18n.t("form.invalid.format"),
+      trigger: "blur",
+    },
+  ],
+  password: [
+    {
+      required: true,
+      message: i18n.t("form.invalid.require"),
+      trigger: "blur",
+    },
+    {
+      pattern: /^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)[a-zA-Z\d$@!%*?&\-_]{8,}$/,
+      message: i18n.t("form.invalid.format"),
+      trigger: "blur",
+    },
+  ],
+  passwordConfirm: [
+    {
+      validator: (_rule, value, callback) => {
+        if (value == "") {
+          callback(new Error(i18n.t("form.invalid.require")));
+        } else if (value !== form.password) {
+          callback(new Error(i18n.t("auth.register.invalid.confirm")));
+        } else {
+          callback();
+        }
+      },
+      trigger: "blur",
+    },
+  ],
 });
 
 async function submit() {
-	if (!formRef.value) return;
-	await formRef.value.validate(async (valid) => {
-		if (valid) {
-			await registerAdmin(
-				form.username,
-				form.password,
-				() => {
-					ElMessage({
-						message: i18n.t('auth.register.success'),
-						type: 'success',
-					});
-				},
-				(message) => {
-					ElMessage({
-						message: i18n.t('auth.register.failed', {
-							reason: i18n.t('request.failed.reason.' + message),
-						}),
-						type: 'error',
-					});
-				},
-			);
-		}
-	});
+  if (!formRef.value) return;
+  await formRef.value.validate(async (valid) => {
+    if (valid) {
+      await registerAdmin(
+        form.username,
+        form.password,
+        () => {
+          ElMessage({
+            message: i18n.t("auth.register.success"),
+            type: "success",
+          });
+        },
+        (message) => {
+          ElMessage({
+            message: i18n.t("auth.register.failed", {
+              reason: i18n.t("request.failed.reason." + message),
+            }),
+            type: "error",
+          });
+        },
+      );
+    }
+  });
 }
 </script>
 
 <template>
-	<ElForm
-		ref="formRef"
-		class="auth__content-card"
-		:model="form"
-		:rules="rules">
-		<h1>{{ $t('auth.register.title') }}</h1>
-		<h2>{{ $t('auth.register.subtitle') }}</h2>
-		<ElFormItem prop="username">
-			<ElInput
-				v-model="form.username"
-				:placeholder="$t('auth.register.username')" />
-		</ElFormItem>
-		<ElFormItem prop="password">
-			<ElInput
-				v-model="form.password"
-				type="password"
-				:placeholder="$t('auth.register.password')" />
-		</ElFormItem>
-		<ElFormItem prop="passwordConfirm">
-			<ElInput
-				v-model="form.passwordConfirm"
-				type="password"
-				:placeholder="$t('auth.register.password-confirm')" />
-		</ElFormItem>
-		<ElFormItem>
-			<ElButton type="primary" @click="submit"
-				>{{ $t('auth.register.submit') }}
-			</ElButton>
-		</ElFormItem>
-	</ElForm>
+  <ElForm ref="formRef" class="auth__content-card" :model="form" :rules="rules">
+    <h1>{{ $t("auth.register.title") }}</h1>
+    <h2>{{ $t("auth.register.subtitle") }}</h2>
+    <ElFormItem prop="username">
+      <ElInput
+        v-model="form.username"
+        :placeholder="$t('auth.register.username')"
+      />
+    </ElFormItem>
+    <ElFormItem prop="password">
+      <ElInput
+        v-model="form.password"
+        type="password"
+        :placeholder="$t('auth.register.password')"
+      />
+    </ElFormItem>
+    <ElFormItem prop="passwordConfirm">
+      <ElInput
+        v-model="form.passwordConfirm"
+        type="password"
+        :placeholder="$t('auth.register.password-confirm')"
+      />
+    </ElFormItem>
+    <ElFormItem>
+      <ElButton type="primary" @click="submit"
+        >{{ $t("auth.register.submit") }}
+      </ElButton>
+    </ElFormItem>
+  </ElForm>
 </template>
 
 <style scoped>
 @media (min-width: 768px) {
-	.auth__content-card {
-		width: 75%;
-	}
+  .auth__content-card {
+    width: 75%;
+  }
 }
 
 .auth__right h1 {
-	width: calc(100% - var(--el-card-padding));
-	text-align: center;
-	font-weight: var(--el-font-weight-primary);
-	color: var(--el-text-color-primary);
-	margin: 0.5rem;
+  width: calc(100% - var(--el-card-padding));
+  text-align: center;
+  font-weight: var(--el-font-weight-primary);
+  color: var(--el-text-color-primary);
+  margin: 0.5rem;
 }
 
 .auth__right h2 {
-	width: calc(100% - var(--el-card-padding));
-	text-align: center;
-	font-weight: normal;
-	color: var(--el-text-color-secondary);
-	font-size: var(--el-font-size-small);
-	margin: 0.5rem 0.5rem 2rem 0.5rem;
+  width: calc(100% - var(--el-card-padding));
+  text-align: center;
+  font-weight: normal;
+  color: var(--el-text-color-secondary);
+  font-size: var(--el-font-size-small);
+  margin: 0.5rem 0.5rem 2rem 0.5rem;
 }
 
 .auth__right .el-button {
-	padding: 1.1rem !important;
-	width: 100%;
-	font-size: var(--el-font-size-medium);
+  padding: 1.1rem !important;
+  width: 100%;
+  font-size: var(--el-font-size-medium);
 }
 </style>
diff --git a/apps/web/pages/connect.vue b/apps/web/pages/connect.vue
index 74981f34..51743131 100644
--- a/apps/web/pages/connect.vue
+++ b/apps/web/pages/connect.vue
@@ -2,12 +2,12 @@
 import Connect from "@repo/commons/src/pages/Connect.vue";
 
 useHead({
-  title: useI18n().t('connect.title'),
+  title: useI18n().t("connect.title"),
 });
 </script>
 
 <template>
-  <Connect/>
+  <Connect />
 </template>
 
 <style scoped></style>
diff --git a/apps/web/pages/debug.vue b/apps/web/pages/debug.vue
index c2c5a1c7..0088686c 100644
--- a/apps/web/pages/debug.vue
+++ b/apps/web/pages/debug.vue
@@ -2,14 +2,12 @@
 import Debug from "@repo/commons/src/pages/Debug.vue";
 
 useHead({
-	title: '调试页面',
+  title: "调试页面",
 });
 </script>
 
 <template>
-<Debug/>
+  <Debug />
 </template>
 
-<style scoped>
-
-</style>
\ No newline at end of file
+<style scoped></style>
diff --git a/apps/web/pages/index.vue b/apps/web/pages/index.vue
index 964c5f33..876035f1 100644
--- a/apps/web/pages/index.vue
+++ b/apps/web/pages/index.vue
@@ -2,14 +2,12 @@
 import Home from "@repo/commons/src/pages/Home.vue";
 
 useHead({
-  title: useI18n().t('sidebar.home'),
+  title: useI18n().t("sidebar.home"),
 });
 </script>
 
 <template>
-  <Home/>
+  <Home />
 </template>
 
-<style scoped>
-
-</style>
\ No newline at end of file
+<style scoped></style>
diff --git a/apps/web/pages/instances.vue b/apps/web/pages/instances.vue
index f7b6fd4e..9428977e 100644
--- a/apps/web/pages/instances.vue
+++ b/apps/web/pages/instances.vue
@@ -2,12 +2,12 @@
 import Instances from "@repo/commons/src/pages/Instances.vue";
 
 useHead({
-  title: useI18n().t('sidebar.instances'),
+  title: useI18n().t("sidebar.instances"),
 });
 </script>
 
 <template>
-  <Instances/>
+  <Instances />
 </template>
 
 <style scoped></style>
diff --git a/apps/web/pages/news.vue b/apps/web/pages/news.vue
index 6769bec1..fba29c11 100644
--- a/apps/web/pages/news.vue
+++ b/apps/web/pages/news.vue
@@ -2,14 +2,12 @@
 import News from "@repo/commons/src/pages/News.vue";
 
 useHead({
-  title: useI18n().t('sidebar.news'),
+  title: useI18n().t("sidebar.news"),
 });
 </script>
 
 <template>
-  <News/>
+  <News />
 </template>
 
-<style scoped>
-
-</style>
\ No newline at end of file
+<style scoped></style>
diff --git a/apps/web/pages/welcome/done.vue b/apps/web/pages/welcome/done.vue
index 6985a206..489e6278 100644
--- a/apps/web/pages/welcome/done.vue
+++ b/apps/web/pages/welcome/done.vue
@@ -2,17 +2,16 @@
 import Done from "@repo/commons/src/pages/welcome/Done.vue";
 
 definePageMeta({
-	layout: 'empty',
+  layout: "empty",
 });
 
 useHead({
-	title: useI18n().t('welcome.done.title'),
+  title: useI18n().t("welcome.done.title"),
 });
 </script>
 
 <template>
-	<Done/>
+  <Done />
 </template>
 
-<style scoped>
-</style>
+<style scoped></style>
diff --git a/apps/web/pages/welcome/eula.vue b/apps/web/pages/welcome/eula.vue
index 33c7d635..597e5a3a 100644
--- a/apps/web/pages/welcome/eula.vue
+++ b/apps/web/pages/welcome/eula.vue
@@ -2,18 +2,16 @@
 import Eula from "@repo/commons/src/pages/welcome/Eula.vue";
 
 definePageMeta({
-  layout: 'empty',
+  layout: "empty",
 });
 
 useHead({
-  title: useI18n().t('eula.title'),
+  title: useI18n().t("eula.title"),
 });
 </script>
 
 <template>
-  <Eula/>
+  <Eula />
 </template>
 
-<style scoped>
-
-</style>
+<style scoped></style>
diff --git a/apps/web/pages/welcome/welcome.vue b/apps/web/pages/welcome/welcome.vue
index ae4331f4..6a0ac842 100644
--- a/apps/web/pages/welcome/welcome.vue
+++ b/apps/web/pages/welcome/welcome.vue
@@ -2,14 +2,12 @@
 import Welcome from "@repo/commons/src/pages/welcome/Welcome.vue";
 
 definePageMeta({
-  layout: 'empty'
+  layout: "empty",
 });
 </script>
 
 <template>
-  <Welcome/>
+  <Welcome />
 </template>
 
-<style scoped>
-
-</style>
\ No newline at end of file
+<style scoped></style>
diff --git a/apps/web/server/api/auth/hasAdmin.get.ts b/apps/web/server/api/auth/hasAdmin.get.ts
index fed75c31..c55a45ff 100644
--- a/apps/web/server/api/auth/hasAdmin.get.ts
+++ b/apps/web/server/api/auth/hasAdmin.get.ts
@@ -1,16 +1,16 @@
 export default defineEventHandler(async () => {
-	try {
-		return {
-			status: 'ok',
-			message: '',
-			data: {
-				has: await hasAdmin(),
-			},
-		};
-	} catch (e) {
-		return {
-			status: 'failed',
-			message: e,
-		};
-	}
+  try {
+    return {
+      status: "ok",
+      message: "",
+      data: {
+        has: await hasAdmin(),
+      },
+    };
+  } catch (e) {
+    return {
+      status: "failed",
+      message: e,
+    };
+  }
 });
diff --git a/apps/web/server/api/auth/hasPermission.post.ts b/apps/web/server/api/auth/hasPermission.post.ts
index e4cf4587..60f564cc 100644
--- a/apps/web/server/api/auth/hasPermission.post.ts
+++ b/apps/web/server/api/auth/hasPermission.post.ts
@@ -1,24 +1,21 @@
 export default defineEventHandler(async (event) => {
-	const body = await readBody(event);
-	const token = body.token;
-	const permission = body.permission;
-	try {
-		requireParam(permission);
-		await isAuthed(token);
-		return {
-			status: 'ok',
-			data: {
-				has: await hasPermission(
-					await getUsernameByToken(token),
-					permission,
-				),
-			},
-			message: '',
-		};
-	} catch (e) {
-		return {
-			status: 'failed',
-			message: e,
-		};
-	}
+  const body = await readBody(event);
+  const token = body.token;
+  const permission = body.permission;
+  try {
+    requireParam(permission);
+    await isAuthed(token);
+    return {
+      status: "ok",
+      data: {
+        has: await hasPermission(await getUsernameByToken(token), permission),
+      },
+      message: "",
+    };
+  } catch (e) {
+    return {
+      status: "failed",
+      message: e,
+    };
+  }
 });
diff --git a/apps/web/server/api/auth/login.post.ts b/apps/web/server/api/auth/login.post.ts
index 153a7ecf..a2baeda2 100644
--- a/apps/web/server/api/auth/login.post.ts
+++ b/apps/web/server/api/auth/login.post.ts
@@ -1,22 +1,22 @@
 export default defineEventHandler(async (event) => {
-	const body = await readBody(event);
-	const username = body.username;
-	const password = body.password;
-	const rememberMe = body.rememberMe ?? false;
-	try {
-		requireParam(username, password);
-		const token = await login(username, password, rememberMe);
-		return {
-			status: 'ok',
-			data: {
-				token: token,
-			},
-			message: '',
-		};
-	} catch (e) {
-		return {
-			status: 'failed',
-			message: e,
-		};
-	}
+  const body = await readBody(event);
+  const username = body.username;
+  const password = body.password;
+  const rememberMe = body.rememberMe ?? false;
+  try {
+    requireParam(username, password);
+    const token = await login(username, password, rememberMe);
+    return {
+      status: "ok",
+      data: {
+        token: token,
+      },
+      message: "",
+    };
+  } catch (e) {
+    return {
+      status: "failed",
+      message: e,
+    };
+  }
 });
diff --git a/apps/web/server/api/auth/registerAdmin.post.ts b/apps/web/server/api/auth/registerAdmin.post.ts
index f1b345f0..8fff3b71 100644
--- a/apps/web/server/api/auth/registerAdmin.post.ts
+++ b/apps/web/server/api/auth/registerAdmin.post.ts
@@ -1,20 +1,20 @@
 export default defineEventHandler(async (event) => {
-	const body = await readBody(event);
-	const username = body.username;
-	const password = body.password;
-	try {
-		requireParam(username, password);
-		if (await hasAdmin()) throw 'registry-disabled';
-		await addUser(username, password, ['admin', '*']);
-		console.log('Admin registered, username: ' + username);
-		return {
-			status: 'ok',
-			message: '',
-		};
-	} catch (e) {
-		return {
-			status: 'error',
-			message: e,
-		};
-	}
+  const body = await readBody(event);
+  const username = body.username;
+  const password = body.password;
+  try {
+    requireParam(username, password);
+    if (await hasAdmin()) throw "registry-disabled";
+    await addUser(username, password, ["admin", "*"]);
+    console.log("Admin registered, username: " + username);
+    return {
+      status: "ok",
+      message: "",
+    };
+  } catch (e) {
+    return {
+      status: "error",
+      message: e,
+    };
+  }
 });
diff --git a/apps/web/server/api/auth/verifyToken.post.ts b/apps/web/server/api/auth/verifyToken.post.ts
index 4634be68..dc365dc7 100644
--- a/apps/web/server/api/auth/verifyToken.post.ts
+++ b/apps/web/server/api/auth/verifyToken.post.ts
@@ -1,18 +1,18 @@
 export default defineEventHandler(async (event) => {
-	const body = await readBody(event);
-	const token = body.token;
-	try {
-		await requireParam(token);
-		const data = await getTokenData(token);
-		return {
-			status: 'ok',
-			data: data,
-			message: '',
-		};
-	} catch (e) {
-		return {
-			status: 'failed',
-			message: e,
-		};
-	}
+  const body = await readBody(event);
+  const token = body.token;
+  try {
+    await requireParam(token);
+    const data = await getTokenData(token);
+    return {
+      status: "ok",
+      data: data,
+      message: "",
+    };
+  } catch (e) {
+    return {
+      status: "failed",
+      message: e,
+    };
+  }
 });
diff --git a/apps/web/server/api/daemon/addDaemon.post.ts b/apps/web/server/api/daemon/addDaemon.post.ts
index 440e8986..36d66c5b 100644
--- a/apps/web/server/api/daemon/addDaemon.post.ts
+++ b/apps/web/server/api/daemon/addDaemon.post.ts
@@ -1,17 +1,17 @@
 export default defineEventHandler(async (event) => {
-	const body = await readBody(event);
-	const token = body.token;
-	const name = body.name;
-	const info = body.info;
-	try {
-		requireParam(name, info);
-		await isAuthed(token);
-		await matchTokenPermission(token, 'mcsl.web.daemon.add');
-		await addDaemon(name, info);
-	} catch (e) {
-		return {
-			status: 'failed',
-			message: e
-		};
-	}
+  const body = await readBody(event);
+  const token = body.token;
+  const name = body.name;
+  const info = body.info;
+  try {
+    requireParam(name, info);
+    await isAuthed(token);
+    await matchTokenPermission(token, "mcsl.web.daemon.add");
+    await addDaemon(name, info);
+  } catch (e) {
+    return {
+      status: "failed",
+      message: e,
+    };
+  }
 });
diff --git a/apps/web/server/api/daemon/getDaemonList.post.ts b/apps/web/server/api/daemon/getDaemonList.post.ts
index 22586572..7931924d 100644
--- a/apps/web/server/api/daemon/getDaemonList.post.ts
+++ b/apps/web/server/api/daemon/getDaemonList.post.ts
@@ -1,31 +1,30 @@
-import { type MFPClientInfo } from 'mfp-client/dist/src/types';
+import type { MFPClientInfo } from "mfp-client/dist/src/types";
 
 export default defineEventHandler(async (event) => {
-	const body = await readBody(event);
-	const token = body.token;
-	try {
-		await isAuthed(token);
-		const daemons = (await getDaemons());
-		const res: { [key: string]: MFPClientInfo } = {};
-		for (const daemon in Object.keys(daemons)) {
-			if (await hasTokenPermission(
-				token,
-				'mcsl.web.daemon.' + daemon + '.access'
-			)) {
-				res[daemon] = daemons[daemon];
-			}
-		}
-		return {
-			status: 'ok',
-			data: {
-				daemons: daemons
-			},
-			message: ''
-		};
-	} catch (e) {
-		return {
-			status: 'failed',
-			message: e
-		};
-	}
+  const body = await readBody(event);
+  const token = body.token;
+  try {
+    await isAuthed(token);
+    const daemons = await getDaemons();
+    const res: { [key: string]: MFPClientInfo } = {};
+    for (const daemon in Object.keys(daemons)) {
+      if (
+        await hasTokenPermission(token, "mcsl.web.daemon." + daemon + ".access")
+      ) {
+        res[daemon] = daemons[daemon];
+      }
+    }
+    return {
+      status: "ok",
+      data: {
+        daemons: daemons,
+      },
+      message: "",
+    };
+  } catch (e) {
+    return {
+      status: "failed",
+      message: e,
+    };
+  }
 });
diff --git a/apps/web/server/api/daemon/removeDaemon.post.ts b/apps/web/server/api/daemon/removeDaemon.post.ts
index 12574deb..026ea898 100644
--- a/apps/web/server/api/daemon/removeDaemon.post.ts
+++ b/apps/web/server/api/daemon/removeDaemon.post.ts
@@ -1,16 +1,16 @@
 export default defineEventHandler(async (event) => {
-	const body = await readBody(event);
-	const token = body.token;
-	const name = body.name;
-	try {
-		requireParam(name);
-		await isAuthed(token);
-		await matchTokenPermission(token, 'mcsl.web.daemon.remove');
-		await removeDaemon(name);
-	} catch (e) {
-		return {
-			status: 'failed',
-			message: e,
-		};
-	}
+  const body = await readBody(event);
+  const token = body.token;
+  const name = body.name;
+  try {
+    requireParam(name);
+    await isAuthed(token);
+    await matchTokenPermission(token, "mcsl.web.daemon.remove");
+    await removeDaemon(name);
+  } catch (e) {
+    return {
+      status: "failed",
+      message: e,
+    };
+  }
 });
diff --git a/apps/web/server/api/getMeta.get.ts b/apps/web/server/api/getMeta.get.ts
index 068bb6a1..77f2087c 100644
--- a/apps/web/server/api/getMeta.get.ts
+++ b/apps/web/server/api/getMeta.get.ts
@@ -1,10 +1,10 @@
 export default defineEventHandler(async () => {
-	return {
-		status: 'ok',
-		data: {
-			beian: (await getConfig()).beian,
-			siteName: (await getConfig()).siteName,
-		},
-		message: '',
-	};
+  return {
+    status: "ok",
+    data: {
+      beian: (await getConfig()).beian,
+      siteName: (await getConfig()).siteName,
+    },
+    message: "",
+  };
 });
diff --git a/apps/web/server/api/update/check.post.ts b/apps/web/server/api/update/check.post.ts
index 4424ace2..ef62e6e3 100644
--- a/apps/web/server/api/update/check.post.ts
+++ b/apps/web/server/api/update/check.post.ts
@@ -1,20 +1,20 @@
 export default defineEventHandler(async (event) => {
-	const body = await readBody(event);
-	const token = body.token;
-	try {
-		await isAuthed(token);
-		await matchTokenPermission(token, 'mcsl.web.update');
-		return {
-			status: 'ok',
-			message: '',
-			data: {
-				update: await checkUpdate(),
-			},
-		};
-	} catch (e) {
-		return {
-			status: 'failed',
-			message: e,
-		};
-	}
+  const body = await readBody(event);
+  const token = body.token;
+  try {
+    await isAuthed(token);
+    await matchTokenPermission(token, "mcsl.web.update");
+    return {
+      status: "ok",
+      message: "",
+      data: {
+        update: await checkUpdate(),
+      },
+    };
+  } catch (e) {
+    return {
+      status: "failed",
+      message: e,
+    };
+  }
 });
diff --git a/apps/web/server/api/update/update.post.ts b/apps/web/server/api/update/update.post.ts
index e232aac7..adf14885 100644
--- a/apps/web/server/api/update/update.post.ts
+++ b/apps/web/server/api/update/update.post.ts
@@ -1,20 +1,20 @@
 export default defineEventHandler(async (event) => {
-	const body = await readBody(event);
-	const token = body.token;
-	const stop = body.stop ?? false;
-	try {
-		await isAuthed(token);
-		if ((await checkUpdate()) == null) throw 'up-to-date';
-		await matchTokenPermission(token, 'mcsl.web.update');
-		update(await checkUpdate(), stop);
-		return {
-			status: 'async',
-			message: '',
-		};
-	} catch (e) {
-		return {
-			status: 'failed',
-			message: e,
-		};
-	}
+  const body = await readBody(event);
+  const token = body.token;
+  const stop = body.stop ?? false;
+  try {
+    await isAuthed(token);
+    if ((await checkUpdate()) == null) throw "up-to-date";
+    await matchTokenPermission(token, "mcsl.web.update");
+    update(await checkUpdate(), stop);
+    return {
+      status: "async",
+      message: "",
+    };
+  } catch (e) {
+    return {
+      status: "failed",
+      message: e,
+    };
+  }
 });
diff --git a/apps/web/server/tsconfig.json b/apps/web/server/tsconfig.json
index d1dabedf..b9ed69c1 100644
--- a/apps/web/server/tsconfig.json
+++ b/apps/web/server/tsconfig.json
@@ -1,3 +1,3 @@
 {
-	"extends": "../.nuxt/tsconfig.server.json"
+  "extends": "../.nuxt/tsconfig.server.json"
 }
diff --git a/apps/web/server/utils/api.ts b/apps/web/server/utils/api.ts
index 08831ddd..8af6fb76 100644
--- a/apps/web/server/utils/api.ts
+++ b/apps/web/server/utils/api.ts
@@ -1,30 +1,27 @@
 export function requireParam(...params: any[]) {
-	if (params.some((param) => !param)) {
-		throw 'invalid-params';
-	}
+  if (params.some((param) => !param)) {
+    throw "invalid-params";
+  }
 }
 
 export async function isAuthed(token: string) {
-	await verifyToken(token);
+  await verifyToken(token);
 }
 
 export async function matchTokenPermission(
-	token: string,
-	matchingPermission: string,
+  token: string,
+  matchingPermission: string,
 ) {
-	if (
-		!(await hasPermission(
-			await getUsernameByToken(token),
-			matchingPermission,
-		))
-	) {
-		throw 'permission-denied';
-	}
+  if (
+    !(await hasPermission(await getUsernameByToken(token), matchingPermission))
+  ) {
+    throw "permission-denied";
+  }
 }
 
 export async function hasTokenPermission(
-	token: string,
-	matchingPermission: string,
+  token: string,
+  matchingPermission: string,
 ) {
-	return hasPermission(await getUsernameByToken(token), matchingPermission);
-}
\ No newline at end of file
+  return hasPermission(await getUsernameByToken(token), matchingPermission);
+}
diff --git a/apps/web/server/utils/auth.ts b/apps/web/server/utils/auth.ts
index 1e83bfeb..5d5bf8c3 100644
--- a/apps/web/server/utils/auth.ts
+++ b/apps/web/server/utils/auth.ts
@@ -1,30 +1,32 @@
-import type {JwtPayload} from 'jsonwebtoken';
-import jwt from 'jsonwebtoken';
-import * as crypto from 'crypto';
+import type { JwtPayload } from "jsonwebtoken";
+import jwt from "jsonwebtoken";
+import * as crypto from "crypto";
 
 /**
  * 返回配置文件中的私钥
  * @returns 私钥
  */
 async function getSecret() {
-    return (await getConfig()).auth.secret;
+  return (await getConfig()).auth.secret;
 }
 
 export async function md5(str: string) {
-    const md5 = crypto.createHash('md5');
-    return md5.update(str + (await getSecret())).digest('hex');
+  const md5 = crypto.createHash("md5");
+  return md5.update(str + (await getSecret())).digest("hex");
 }
 
 /**
  * 获取所有用户
  */
 async function getUsers() {
-    const users = <{ [key: string]: any } | null>await storage.getItem('users.json');
-    if (users == null || typeof users != 'object') {
-        await storage.setItem('users.json', {});
-        return getUsers();
-    }
-    return users;
+  const users = <{ [key: string]: any } | null>(
+    await storage.getItem("users.json")
+  );
+  if (users == null || typeof users != "object") {
+    await storage.setItem("users.json", {});
+    return getUsers();
+  }
+  return users;
 }
 
 /**
@@ -32,19 +34,19 @@ async function getUsers() {
  * @param username string
  */
 export async function hasUser(username: string) {
-    const users = await getUsers();
-    return Object.getOwnPropertyNames(users).includes(username);
+  const users = await getUsers();
+  return Object.getOwnPropertyNames(users).includes(username);
 }
 
 /**
  * 是否存在管理员
  */
 export async function hasAdmin() {
-    const users = await getUsers();
-    for (const key in users) {
-        if (users[key].permissions.includes('admin')) return true;
-    }
-    return false;
+  const users = await getUsers();
+  for (const key in users) {
+    if (users[key].permissions.includes("admin")) return true;
+  }
+  return false;
 }
 
 /**
@@ -55,18 +57,18 @@ export async function hasAdmin() {
  * @throws string 用户已存在则抛出异常
  */
 export async function addUser(
-    username: string,
-    password: string,
-    permissions: string[],
+  username: string,
+  password: string,
+  permissions: string[],
 ) {
-    if (await hasUser(username)) throw 'user-exists';
-    const users = await getUsers();
-    users[username] = {
-        permissions: permissions,
-        id: crypto.randomUUID(),
-        password: await md5(password),
-    };
-    await storage.setItem('users.json', users);
+  if (await hasUser(username)) throw "user-exists";
+  const users = await getUsers();
+  users[username] = {
+    permissions: permissions,
+    id: crypto.randomUUID(),
+    password: await md5(password),
+  };
+  await storage.setItem("users.json", users);
 }
 
 /**
@@ -74,8 +76,8 @@ export async function addUser(
  * @param username string
  */
 export async function getUser(username: string) {
-    const users = await getUsers();
-    return users[username];
+  const users = await getUsers();
+  return users[username];
 }
 
 /**
@@ -84,19 +86,17 @@ export async function getUser(username: string) {
  * @param rememberMe boolean
  */
 async function generateToken(username: string, rememberMe: boolean = false) {
-    const config = await getConfig();
-    const expire = rememberMe
-        ? config.auth.rememberMeExpire
-        : config.auth.expire;
-    return jwt.sign(
-        {
-            userid: (await getUser(username)).id,
-        },
-        await getSecret(),
-        {
-            expiresIn: expire,
-        },
-    );
+  const config = await getConfig();
+  const expire = rememberMe ? config.auth.rememberMeExpire : config.auth.expire;
+  return jwt.sign(
+    {
+      userid: (await getUser(username)).id,
+    },
+    await getSecret(),
+    {
+      expiresIn: expire,
+    },
+  );
 }
 
 /**
@@ -105,28 +105,19 @@ async function generateToken(username: string, rememberMe: boolean = false) {
  * @throws string 无效Token（过期、未知用户等）则抛出异常
  */
 export async function getUsernameByToken(token: string) {
-    return new Promise<string>((resolve, reject) => {
-        getSecret()
-            .then((secret) => {
-                jwt.verify(
-                    token,
-                    secret,
-                    async (err: Error | null, decoded: any) => {
-                        if (decoded && decoded.userid)
-                            for (const user in await getUsers()) {
-                                if ((await getUser(user)).id == decoded.userid)
-                                    resolve(user);
-                            }
-                        reject(
-                            err
-                                ? err.message.replaceAll(' ', '-')
-                                : 'invalid-token',
-                        );
-                    },
-                );
-            })
-            .catch((e) => reject(e?.message ?? 'invalid-token'));
-    });
+  return new Promise<string>((resolve, reject) => {
+    getSecret()
+      .then((secret) => {
+        jwt.verify(token, secret, async (err: Error | null, decoded: any) => {
+          if (decoded && decoded.userid)
+            for (const user in await getUsers()) {
+              if ((await getUser(user)).id == decoded.userid) resolve(user);
+            }
+          reject(err ? err.message.replaceAll(" ", "-") : "invalid-token");
+        });
+      })
+      .catch((e) => reject(e?.message ?? "invalid-token"));
+  });
 }
 
 /**
@@ -135,20 +126,20 @@ export async function getUsernameByToken(token: string) {
  * @throws string 无效Token（过期、未知用户等）则抛出异常
  */
 export async function getTokenData(token: string) {
-    const decoded = await verifyToken(token);
-    return {
-        expire: new Date(<number>decoded.exp * 1000).toISOString(),
-        username: await getUsernameByToken(token),
-    };
+  const decoded = await verifyToken(token);
+  return {
+    expire: new Date(<number>decoded.exp * 1000).toISOString(),
+    username: await getUsernameByToken(token),
+  };
 }
 
 export async function verifyToken(token: string) {
-    try {
-        await getUsernameByToken(token);
-    } catch (e) {
-        throw 'unknown-user';
-    }
-    return <JwtPayload>jwt.verify(token, await getSecret());
+  try {
+    await getUsernameByToken(token);
+  } catch (e) {
+    throw "unknown-user";
+  }
+  return <JwtPayload>jwt.verify(token, await getSecret());
 }
 
 /**
@@ -160,18 +151,18 @@ export async function verifyToken(token: string) {
  * @throws string 密码错误抛出异常
  */
 export async function login(
-    username: string,
-    password: string,
-    rememberMe: boolean,
+  username: string,
+  password: string,
+  rememberMe: boolean,
 ) {
-    if (
-        (await hasUser(username)) &&
-        (await getUser(username)).password == (await md5(password))
-    ) {
-        console.log('User ' + username + ' logged in');
-        return await generateToken(username, rememberMe);
-    }
-    throw 'login-failed';
+  if (
+    (await hasUser(username)) &&
+    (await getUser(username)).password == (await md5(password))
+  ) {
+    console.log("User " + username + " logged in");
+    return await generateToken(username, rememberMe);
+  }
+  throw "login-failed";
 }
 
 /**
@@ -179,9 +170,9 @@ export async function login(
  * @param username string
  */
 export async function removeUser(username: string) {
-    const users = await getUsers();
-    users[username] = undefined;
-    await storage.setItem('users.json', users);
+  const users = await getUsers();
+  users[username] = undefined;
+  await storage.setItem("users.json", users);
 }
 
 /**
@@ -190,14 +181,14 @@ export async function removeUser(username: string) {
  * @param permission string
  */
 export async function hasPermission(username: string, permission: string) {
-    for (const perm of (await getUser(username)).permissions) {
-        try {
-            if (matchPermission(perm, permission)) return true;
-        } catch (e) {
-            if (e != 'invalid-user-permission') throw e;
-        }
+  for (const perm of (await getUser(username)).permissions) {
+    try {
+      if (matchPermission(perm, permission)) return true;
+    } catch (e) {
+      if (e != "invalid-user-permission") throw e;
     }
-    return false;
+  }
+  return false;
 }
 
 /**
@@ -206,16 +197,14 @@ export async function hasPermission(username: string, permission: string) {
  * @param b - 要匹配的权限
  */
 function matchPermission(a: string, b: string): boolean {
-    if (!/^(([a-zA-Z-_]+|\*{1,2})\.)*([a-zA-Z-_]+|\*{1,2})$/.test(a))
-        throw 'invalid-user-permission';
-    if (!/^(([a-zA-Z-_]+)\.)*([a-zA-Z-_]+)$/.test(b))
-        throw 'invalid-matching-permission';
-    const pattern =
-        a
-            .replaceAll('.', '\\s')
-            .replaceAll('**', '.+')
-            .replaceAll('*', '\\S+') + '(\\s.+)?';
-    const input = b.replaceAll('.', ' ');
-    const regex = new RegExp('^' + pattern + '$');
-    return regex.test(input);
+  if (!/^(([a-zA-Z-_]+|\*{1,2})\.)*([a-zA-Z-_]+|\*{1,2})$/.test(a))
+    throw "invalid-user-permission";
+  if (!/^(([a-zA-Z-_]+)\.)*([a-zA-Z-_]+)$/.test(b))
+    throw "invalid-matching-permission";
+  const pattern =
+    a.replaceAll(".", "\\s").replaceAll("**", ".+").replaceAll("*", "\\S+") +
+    "(\\s.+)?";
+  const input = b.replaceAll(".", " ");
+  const regex = new RegExp("^" + pattern + "$");
+  return regex.test(input);
 }
diff --git a/apps/web/server/utils/config.ts b/apps/web/server/utils/config.ts
index 7258edee..a2d0ca2a 100644
--- a/apps/web/server/utils/config.ts
+++ b/apps/web/server/utils/config.ts
@@ -1,38 +1,38 @@
-import { nanoid } from 'nanoid';
+import { nanoid } from "nanoid";
 
 export interface Config {
-	auth: {
-		secret: string;
-		rememberMeExpire: string;
-		expire: string;
-	};
-	beian: string;
-	siteName: string;
-	resourcepacks: {
-		url: string;
-		enabled: boolean;
-		type: 'local' | 'remote' | 'system';
-	}[];
+  auth: {
+    secret: string;
+    rememberMeExpire: string;
+    expire: string;
+  };
+  beian: string;
+  siteName: string;
+  resourcepacks: {
+    url: string;
+    enabled: boolean;
+    type: "local" | "remote" | "system";
+  }[];
 }
 
 /**
  * 默认配置文件
  */
 export const defaultConfig: Config = {
-	auth: {
-		secret: nanoid(128), // 私钥
-		rememberMeExpire: '30d', // 记住我的token有效期
-		expire: '1d' // 不记住我的token有效期
-	},
-	beian: '',
-	siteName: 'MCSL Future Web',
-	resourcepacks: [
-		{
-			url: 'plugin-resource',
-			enabled: true,
-			type: 'system'
-		}
-	]
+  auth: {
+    secret: nanoid(128), // 私钥
+    rememberMeExpire: "30d", // 记住我的token有效期
+    expire: "1d", // 不记住我的token有效期
+  },
+  beian: "",
+  siteName: "MCSL Future Web",
+  resourcepacks: [
+    {
+      url: "plugin-resource",
+      enabled: true,
+      type: "system",
+    },
+  ],
 };
 
 const load = loadConfig();
@@ -41,29 +41,29 @@ const load = loadConfig();
  * 如果配置文件不存在保存配置文件
  */
 export async function saveDefaultConfig() {
-	// 判断是否存在
-	if (!(await storage.hasItem('config.json'))) {
-		await storage.setItem('config.json', defaultConfig);
-		console.warn('Config does not exist! Generating new config!');
-	}
+  // 判断是否存在
+  if (!(await storage.hasItem("config.json"))) {
+    await storage.setItem("config.json", defaultConfig);
+    console.warn("Config does not exist! Generating new config!");
+  }
 }
 
 /**
  * 加载配置文件
  */
 export async function loadConfig() {
-	// 确保配置文件存在
-	await saveDefaultConfig();
-	let config = await storage.getItem('config.json');
-	// 校验配置文件格式
-	if (typeof config !== 'object') {
-		config = defaultConfig;
-		console.warn('Wrong config format! Using default config!');
-	}
-	// 填充缺失的配置项
-	fillMissingValues(config, defaultConfig);
-	console.log('Config loaded');
-	await saveConfig(config);
+  // 确保配置文件存在
+  await saveDefaultConfig();
+  let config = await storage.getItem("config.json");
+  // 校验配置文件格式
+  if (typeof config !== "object") {
+    config = defaultConfig;
+    console.warn("Wrong config format! Using default config!");
+  }
+  // 填充缺失的配置项
+  fillMissingValues(config, defaultConfig);
+  console.log("Config loaded");
+  await saveConfig(config);
 }
 
 /**
@@ -71,9 +71,9 @@ export async function loadConfig() {
  * @param config - 配置文件
  */
 export async function saveConfig(config: any) {
-	await saveDefaultConfig();
-	await storage.setItem('config.json', config);
-	console.log('Saved config!');
+  await saveDefaultConfig();
+  await storage.setItem("config.json", config);
+  console.log("Saved config!");
 }
 
 /**
@@ -83,41 +83,41 @@ export async function saveConfig(config: any) {
  * @param parentKey - 父级键，供日志输出使用
  */
 function fillMissingValues(
-	config: any,
-	defaultConfig: any,
-	parentKey?: string
+  config: any,
+  defaultConfig: any,
+  parentKey?: string,
 ) {
-	for (const key in defaultConfig) {
-		if (!(key in config)) {
-			// 键缺失
-			config[key] = defaultConfig[key];
-			console.warn(
-				'Missing key "' +
-				(parentKey == null ? '' : parentKey + '.') +
-				key +
-				'" in config! Defaulting to: ',
-				defaultConfig[key]
-			);
-		} else if (typeof config[key] !== typeof defaultConfig[key]) {
-			// 值类型不同
-			config[key] = defaultConfig[key];
-			console.warn(
-				'Wrong value type for key "' +
-				(parentKey == null ? '' : parentKey + '.') +
-				key +
-				'"! Defaulting to: ',
-				defaultConfig[key]
-			);
-		} else if (typeof defaultConfig[key] == 'object') {
-			// 值是对象，函数递归
-			fillMissingValues(
-				config[key],
-				defaultConfig[key],
-				parentKey == null ? key : parentKey + '.' + key
-			);
-		}
-	}
-	return config;
+  for (const key in defaultConfig) {
+    if (!(key in config)) {
+      // 键缺失
+      config[key] = defaultConfig[key];
+      console.warn(
+        'Missing key "' +
+          (parentKey == null ? "" : parentKey + ".") +
+          key +
+          '" in config! Defaulting to: ',
+        defaultConfig[key],
+      );
+    } else if (typeof config[key] !== typeof defaultConfig[key]) {
+      // 值类型不同
+      config[key] = defaultConfig[key];
+      console.warn(
+        'Wrong value type for key "' +
+          (parentKey == null ? "" : parentKey + ".") +
+          key +
+          '"! Defaulting to: ',
+        defaultConfig[key],
+      );
+    } else if (typeof defaultConfig[key] == "object") {
+      // 值是对象，函数递归
+      fillMissingValues(
+        config[key],
+        defaultConfig[key],
+        parentKey == null ? key : parentKey + "." + key,
+      );
+    }
+  }
+  return config;
 }
 
 /**
@@ -125,6 +125,6 @@ function fillMissingValues(
  * @returns 配置文件
  */
 export async function getConfig(): Promise<Config> {
-	await load;
-	return <Config>(await storage.getItem('config.json'))!;
+  await load;
+  return <Config>(await storage.getItem("config.json"))!;
 }
diff --git a/apps/web/server/utils/daemon.ts b/apps/web/server/utils/daemon.ts
index 69818bd8..58fb635d 100644
--- a/apps/web/server/utils/daemon.ts
+++ b/apps/web/server/utils/daemon.ts
@@ -1,16 +1,16 @@
-import { type MFPClientInfo } from 'mfp-client/dist/src/types';
+import type { MFPClientInfo } from "mfp-client/dist/src/types";
 
 /**
  * 获取守护进程列表
  */
 export async function getDaemons() {
-	const daemons: { [key: string]: MFPClientInfo } | null =
-		await storage.getItem('daemons.json');
-	if (daemons == null || typeof daemons != 'object') {
-		await storage.setItem('daemons.json', {});
-		return getDaemons();
-	}
-	return daemons;
+  const daemons: { [key: string]: MFPClientInfo } | null =
+    await storage.getItem("daemons.json");
+  if (daemons == null || typeof daemons != "object") {
+    await storage.setItem("daemons.json", {});
+    return getDaemons();
+  }
+  return daemons;
 }
 
 /**
@@ -19,7 +19,7 @@ export async function getDaemons() {
  * @returns 守护进程信息
  */
 export async function getDaemon(name: string) {
-	return (await getDaemons())[name];
+  return (await getDaemons())[name];
 }
 
 /**
@@ -28,8 +28,8 @@ export async function getDaemon(name: string) {
  * @returns 是否存在
  */
 export async function hasDaemon(name: string) {
-	const daemons = await getDaemons();
-	return Object.getOwnPropertyNames(daemons).includes(name);
+  const daemons = await getDaemons();
+  return Object.getOwnPropertyNames(daemons).includes(name);
 }
 
 /**
@@ -38,11 +38,11 @@ export async function hasDaemon(name: string) {
  * @param info - 守护进程信息
  */
 export async function addDaemon(name: string, info: MFPClientInfo) {
-	if (await hasDaemon(name)) throw new Error('守护进程已存在');
-	const daemons = await getDaemons();
-	// TODO: 检测是否为全局token
-	daemons[name] = info;
-	await storage.setItem('daemons.json', daemons);
+  if (await hasDaemon(name)) throw new Error("守护进程已存在");
+  const daemons = await getDaemons();
+  // TODO: 检测是否为全局token
+  daemons[name] = info;
+  await storage.setItem("daemons.json", daemons);
 }
 
 /**
@@ -50,7 +50,7 @@ export async function addDaemon(name: string, info: MFPClientInfo) {
  * @param name - 守护进程名称
  */
 export async function removeDaemon(name: string) {
-	const daemons: any = await getDaemons();
-	daemons[name] = undefined;
-	await storage.setItem('daemons.json', daemons);
+  const daemons: any = await getDaemons();
+  daemons[name] = undefined;
+  await storage.setItem("daemons.json", daemons);
 }
diff --git a/apps/web/server/utils/storage.ts b/apps/web/server/utils/storage.ts
index 5ab5cf74..d1c37a27 100644
--- a/apps/web/server/utils/storage.ts
+++ b/apps/web/server/utils/storage.ts
@@ -1,12 +1,12 @@
-import { createStorage } from 'unstorage';
-import fsDriver from 'unstorage/drivers/fs';
-import path from 'node:path';
-import { fileURLToPath } from 'node:url';
-import * as fs from 'fs-extra';
-import { createWriteStream, readdirSync } from 'node:fs';
-import axios from 'axios';
-import { finished } from 'node:stream';
-import fsExtra from 'fs-extra/esm';
+import { createStorage } from "unstorage";
+import fsDriver from "unstorage/drivers/fs";
+import path from "node:path";
+import { fileURLToPath } from "node:url";
+import * as fs from "fs-extra";
+import { createWriteStream, readdirSync } from "node:fs";
+import axios from "axios";
+import { finished } from "node:stream";
+import fsExtra from "fs-extra/esm";
 
 const __filename = fileURLToPath(import.meta.url);
 
@@ -17,53 +17,53 @@ export const __dirname = path.dirname(__filename);
 /**
  * 服务器目录（./）
  */
-export const serverDir = path.resolve(__dirname, '../');
+export const serverDir = path.resolve(__dirname, "../");
 /**
  * 数据目录（./mcsl-web）
  */
-export const dataDir = path.resolve(__dirname, '../mcsl-web');
-export const cacheDir = path.resolve(dataDir, 'cache');
-export const addonDir = path.resolve(dataDir, 'addon');
-export const resourcepackDir = path.resolve(addonDir, 'resourcepack');
-export const pluginDir = path.resolve(addonDir, 'plugin');
+export const dataDir = path.resolve(__dirname, "../mcsl-web");
+export const cacheDir = path.resolve(dataDir, "cache");
+export const addonDir = path.resolve(dataDir, "addon");
+export const resourcepackDir = path.resolve(addonDir, "resourcepack");
+export const pluginDir = path.resolve(addonDir, "plugin");
 const fileIds: ({ name: string; path: string } | undefined | null)[] = [];
 
-console.log('Data directory: ', dataDir);
+console.log("Data directory: ", dataDir);
 fsExtra.removeSync(cacheDir);
-console.log('Cleaned cache');
+console.log("Cleaned cache");
 fs.ensureDirSync(dataDir);
 fs.ensureDirSync(cacheDir);
 fs.ensureDirSync(addonDir);
 fs.ensureDirSync(resourcepackDir);
 fs.ensureDirSync(pluginDir);
-console.log('Ensured directory');
+console.log("Ensured directory");
 
 /**
  * 文件存储
  */
 export const storage = createStorage({
-	driver: fsDriver({ base: dataDir }),
+  driver: fsDriver({ base: dataDir }),
 });
 
 /**
  * 备份MCSL Future Web
  */
 export async function backup() {
-	const backupsDir = path.resolve(serverDir, 'backup');
-	const backupDir = path.resolve(
-		backupsDir,
-		'backup-' + new Date().toISOString(),
-	);
-	await fs.ensureDir(backupsDir);
-	await fs.emptyDir(backupDir);
-	await fs.ensureDir(backupDir);
-	for (const file of readdirSync(serverDir)) {
-		if (file != 'backup')
-			await fs.copy(
-				path.resolve(serverDir, file),
-				path.resolve(backupDir, file),
-			);
-	}
+  const backupsDir = path.resolve(serverDir, "backup");
+  const backupDir = path.resolve(
+    backupsDir,
+    "backup-" + new Date().toISOString(),
+  );
+  await fs.ensureDir(backupsDir);
+  await fs.emptyDir(backupDir);
+  await fs.ensureDir(backupDir);
+  for (const file of readdirSync(serverDir)) {
+    if (file != "backup")
+      await fs.copy(
+        path.resolve(serverDir, file),
+        path.resolve(backupDir, file),
+      );
+  }
 }
 
 /**
@@ -73,41 +73,39 @@ export async function backup() {
  * @throws unknown - 下载失败
  */
 export async function downloadFile(url: string, path: string): Promise<void> {
-	console.log('Downloading "' + url + '" to "' + path + '"');
-	const writer = createWriteStream(path);
-	const res = await axios.get(url, {
-		responseType: 'stream',
-	});
-	res.data.pipe(writer);
-	return new Promise((resolve, reject) => {
-		finished(writer, (err) => {
-			if (err) {
-				console.error(
-					'Failed to download "' + url + '" to "' + path + '"!',
-				);
-				reject(err);
-			} else {
-				console.log('Downloaded file "' + path + '"!');
-				resolve();
-			}
-		});
-	});
+  console.log('Downloading "' + url + '" to "' + path + '"');
+  const writer = createWriteStream(path);
+  const res = await axios.get(url, {
+    responseType: "stream",
+  });
+  res.data.pipe(writer);
+  return new Promise((resolve, reject) => {
+    finished(writer, (err) => {
+      if (err) {
+        console.error('Failed to download "' + url + '" to "' + path + '"!');
+        reject(err);
+      } else {
+        console.log('Downloaded file "' + path + '"!');
+        resolve();
+      }
+    });
+  });
 }
 
 export function generateFileId(name: string, path: string) {
-	fileIds.push({
-		name: name,
-		path: path,
-	});
-	return fileIds.length - 1;
+  fileIds.push({
+    name: name,
+    path: path,
+  });
+  return fileIds.length - 1;
 }
 
 export function getInfoByFileId(id: number): { name: string; path: string } {
-	const item = fileIds[id];
-	if (!item) throw 'unknown-fileid';
-	return item;
+  const item = fileIds[id];
+  if (!item) throw "unknown-fileid";
+  return item;
 }
 
 export function removeFileId(id: number) {
-	fileIds[id] = null;
+  fileIds[id] = null;
 }
diff --git a/apps/web/server/utils/update.ts b/apps/web/server/utils/update.ts
index 45c70e5a..5e21f979 100644
--- a/apps/web/server/utils/update.ts
+++ b/apps/web/server/utils/update.ts
@@ -1,9 +1,9 @@
-import path from 'node:path';
-import * as fs from 'node:fs';
-import * as fse from 'fs-extra';
-import * as unzipper from 'unzipper';
-import * as crypto from 'crypto';
-import axios from 'axios';
+import path from "node:path";
+import * as fs from "node:fs";
+import * as fse from "fs-extra";
+import * as unzipper from "unzipper";
+import * as crypto from "crypto";
+import axios from "axios";
 
 /**
  * 检查更新
@@ -11,9 +11,9 @@ import axios from 'axios';
  * @throws unknown - 更新失败
  */
 export async function checkUpdate() {
-	const update = (await axios.get(useAppConfig().updater)).data;
-	if (update.version != (await useAppConfig().appVersion())) return update;
-	return null;
+  const update = (await axios.get(useAppConfig().updater)).data;
+  if (update.version != (await useAppConfig().appVersion())) return update;
+  return null;
 }
 
 /**
@@ -22,47 +22,45 @@ export async function checkUpdate() {
  * @param stop - 是否在更新后停止程序
  */
 export async function update(update: any, stop: boolean = false) {
-	console.log('Start updating MCSL Future Web...');
-	console.log('Backing up...');
-	await backup();
-	console.log('Downloading the latest version...');
-	const updateFilePath = path.resolve(serverDir, 'MCSL_Future_Web.zip');
-	await downloadFile(update.file_url, updateFilePath);
-	console.log('Verifying...');
-	if ((await sha1Sum(updateFilePath)) != update.file_sha1) {
-		await fse.remove(updateFilePath);
-		console.error('Verification failed!');
-		throw 'verification-failed';
-	}
-	console.log('Removing old files...');
-	await emptyServerDir();
-	console.log('Unzipping update files...');
-	await (
-		await unzipper.Open.file(updateFilePath)
-	).extract({ path: serverDir });
-	console.log('Deleting update archive...');
-	await fse.remove(updateFilePath);
-	console.log('Done updating!');
-	if (stop) process.exit(0);
+  console.log("Start updating MCSL Future Web...");
+  console.log("Backing up...");
+  await backup();
+  console.log("Downloading the latest version...");
+  const updateFilePath = path.resolve(serverDir, "MCSL_Future_Web.zip");
+  await downloadFile(update.file_url, updateFilePath);
+  console.log("Verifying...");
+  if ((await sha1Sum(updateFilePath)) != update.file_sha1) {
+    await fse.remove(updateFilePath);
+    console.error("Verification failed!");
+    throw "verification-failed";
+  }
+  console.log("Removing old files...");
+  await emptyServerDir();
+  console.log("Unzipping update files...");
+  await (await unzipper.Open.file(updateFilePath)).extract({ path: serverDir });
+  console.log("Deleting update archive...");
+  await fse.remove(updateFilePath);
+  console.log("Done updating!");
+  if (stop) process.exit(0);
 }
 
 async function sha1Sum(filePath: string) {
-	const stream = fs.createReadStream(filePath);
-	const sha1 = crypto.createHash('sha1');
-	return new Promise((resolve) => {
-		stream.on('data', (chunk) => {
-			sha1.update(chunk);
-		});
-		stream.on('end', () => {
-			const md5 = sha1.digest('hex');
-			resolve(md5);
-		});
-	});
+  const stream = fs.createReadStream(filePath);
+  const sha1 = crypto.createHash("sha1");
+  return new Promise((resolve) => {
+    stream.on("data", (chunk) => {
+      sha1.update(chunk);
+    });
+    stream.on("end", () => {
+      const md5 = sha1.digest("hex");
+      resolve(md5);
+    });
+  });
 }
 
 async function emptyServerDir() {
-	const files = ['public', 'server', 'nitro.json'];
-	for (const file of files) {
-		await fse.remove(path.resolve(serverDir, file));
-	}
+  const files = ["public", "server", "nitro.json"];
+  for (const file of files) {
+    await fse.remove(path.resolve(serverDir, file));
+  }
 }
diff --git a/apps/web/tsconfig.json b/apps/web/tsconfig.json
index 90bee9f1..7753961b 100644
--- a/apps/web/tsconfig.json
+++ b/apps/web/tsconfig.json
@@ -1,4 +1,4 @@
 {
-	// https://nuxt.com/docs/guide/concepts/typescript
-	"extends": ["./.nuxt/tsconfig.json", "@repo/configs/ts/vue.json"]
+  // https://nuxt.com/docs/guide/concepts/typescript
+  "extends": ["./.nuxt/tsconfig.json", "@repo/configs/ts/vue.json"]
 }
diff --git a/apps/web/utils/auth.ts b/apps/web/utils/auth.ts
index 90bbbd82..48591f85 100644
--- a/apps/web/utils/auth.ts
+++ b/apps/web/utils/auth.ts
@@ -1,5 +1,5 @@
-const tokenLocalStorage = useLocalStorage('token', null);
-const tokenSessionStorage = useSessionStorage('token', null);
+const tokenLocalStorage = useLocalStorage("token", null);
+const tokenSessionStorage = useSessionStorage("token", null);
 let tokenExpires: Date | null = null;
 let adminRegistered: boolean = false;
 let username: string | null = null;
@@ -9,10 +9,11 @@ let username: string | null = null;
  * @returns 是否需要注册
  */
 export async function shouldRegister() {
-	if (!adminRegistered) {
-		adminRegistered = (<{ data: any }>await $fetch('/api/auth/hasAdmin')).data.has;
-	}
-	return !adminRegistered;
+  if (!adminRegistered) {
+    adminRegistered = (<{ data: any }>await $fetch("/api/auth/hasAdmin")).data
+      .has;
+  }
+  return !adminRegistered;
 }
 
 /**
@@ -20,7 +21,7 @@ export async function shouldRegister() {
  * @returns 是否需要登录
  */
 export async function shouldLogin() {
-	return !(await shouldRegister()) && !(await isTokenValid());
+  return !(await shouldRegister()) && !(await isTokenValid());
 }
 
 /**
@@ -28,21 +29,21 @@ export async function shouldLogin() {
  * @returns 是否有效
  */
 export async function isTokenValid() {
-	// 无令牌
-	if (!getToken()) {
-		return false;
-	}
-	// 令牌有效期不存在，获取令牌有效期
-	if (!tokenExpires) {
-		if (!(await refreshTokenExpire())) {
-			// 令牌无效
-			return false;
-		}
-	} else if (!tokenExpires || tokenExpires.getTime() < Date.now()) {
-		// 令牌有效期存在，但过期
-		return false;
-	}
-	return true;
+  // 无令牌
+  if (!getToken()) {
+    return false;
+  }
+  // 令牌有效期不存在，获取令牌有效期
+  if (!tokenExpires) {
+    if (!(await refreshTokenExpire())) {
+      // 令牌无效
+      return false;
+    }
+  } else if (!tokenExpires || tokenExpires.getTime() < Date.now()) {
+    // 令牌有效期存在，但过期
+    return false;
+  }
+  return true;
 }
 
 /**
@@ -50,30 +51,28 @@ export async function isTokenValid() {
  * @returns 令牌是否有效
  */
 async function refreshTokenExpire() {
-	const expire = await $fetch('/api/auth/verifyToken', {
-		method: 'POST',
-		body: {
-			token: getToken()
-		}
-	});
-	if (expire.status == 'ok') {
-		// 有效，记录信息
-		tokenExpires = new Date((<{ data: any }>expire).data.expire);
-		username = (<{ data: any }>expire).data.username;
-		return true;
-	} else {
-		// 无效，登出
-		ElMessage({
-			message: useNuxtApp().$i18n.t('auth.login.failed.token', {
-				reason: useNuxtApp().$i18n.t(
-					'request.failed.reason.' + expire.message
-				)
-			}),
-			type: 'warning'
-		});
-		await logout();
-		return false;
-	}
+  const expire = await $fetch("/api/auth/verifyToken", {
+    method: "POST",
+    body: {
+      token: getToken(),
+    },
+  });
+  if (expire.status == "ok") {
+    // 有效，记录信息
+    tokenExpires = new Date((<{ data: any }>expire).data.expire);
+    username = (<{ data: any }>expire).data.username;
+    return true;
+  } else {
+    // 无效，登出
+    ElMessage({
+      message: useNuxtApp().$i18n.t("auth.login.failed.token", {
+        reason: useNuxtApp().$i18n.t("request.failed.reason." + expire.message),
+      }),
+      type: "warning",
+    });
+    await logout();
+    return false;
+  }
 }
 
 /**
@@ -84,30 +83,28 @@ async function refreshTokenExpire() {
  * @param errorCallback - 注册失败回调
  */
 export async function registerAdmin(
-	username: string,
-	password: string,
-	successCallback: () => void = () => {
-	},
-	errorCallback: (message: string) => void = () => {
-	}
+  username: string,
+  password: string,
+  successCallback: () => void = () => {},
+  errorCallback: (message: string) => void = () => {},
 ) {
-	const data = await $fetch('/api/auth/registerAdmin', {
-		method: 'POST',
-		body: {
-			username: username,
-			password: password
-		}
-	});
-	if (data.status == 'ok') {
-		// 注册成功
-		successCallback();
-		await useRouter().push('/auth/login');
-	} else {
-		// 注册失败
-		errorCallback(data.message);
-	}
-	// 登出并跳转登录页面
-	await logout();
+  const data = await $fetch("/api/auth/registerAdmin", {
+    method: "POST",
+    body: {
+      username: username,
+      password: password,
+    },
+  });
+  if (data.status == "ok") {
+    // 注册成功
+    successCallback();
+    await useRouter().push("/auth/login");
+  } else {
+    // 注册失败
+    errorCallback(data.message);
+  }
+  // 登出并跳转登录页面
+  await logout();
 }
 
 /**
@@ -116,14 +113,14 @@ export async function registerAdmin(
  * @returns 是否拥有权限
  */
 export async function hasPermission(permission: string): Promise<boolean> {
-	const data = await $fetch('/api/auth/hasPermission', {
-		method: 'POST',
-		body: {
-			token: getToken(),
-			permission: permission
-		}
-	});
-	return data.status == 'ok' && (<{ data: any }>data).data.has;
+  const data = await $fetch("/api/auth/hasPermission", {
+    method: "POST",
+    body: {
+      token: getToken(),
+      permission: permission,
+    },
+  });
+  return data.status == "ok" && (<{ data: any }>data).data.has;
 }
 
 /**
@@ -135,50 +132,48 @@ export async function hasPermission(permission: string): Promise<boolean> {
  * @param errorCallback - 登录失败回调
  */
 export async function login(
-	username: string,
-	password: string,
-	rememberMe: boolean = false,
-	successCallback: (token: string) => void = () => {
-	},
-	errorCallback: (message: string) => void = () => {
-	}
+  username: string,
+  password: string,
+  rememberMe: boolean = false,
+  successCallback: (token: string) => void = () => {},
+  errorCallback: (message: string) => void = () => {},
 ) {
-	const data = await $fetch('/api/auth/login', {
-		method: 'POST',
-		body: {
-			username: username,
-			password: password,
-			rememberMe: rememberMe
-		}
-	});
-	if (data.status == 'ok') {
-		// 登录成功
-		successCallback((<{ data: any }>data).data.token);
-		if (rememberMe) {
-			// 记住此设备，数据长期存储到localstorage
-			tokenSessionStorage.value = null;
-			tokenLocalStorage.value = (<{ data: any }>data).data.token;
-			await refreshTokenExpire();
-		} else {
-			// 不记住此设备，数据短期存储到sessionStorage
-			tokenLocalStorage.value = tokenExpires = null;
-			tokenSessionStorage.value = (<{ data: any }>data).data.token;
-		}
-		await refreshTokenExpire();
-		await useRouter().push('/');
-	} else {
-		// 登录失败，登出
-		errorCallback(data.message);
-		await logout();
-	}
+  const data = await $fetch("/api/auth/login", {
+    method: "POST",
+    body: {
+      username: username,
+      password: password,
+      rememberMe: rememberMe,
+    },
+  });
+  if (data.status == "ok") {
+    // 登录成功
+    successCallback((<{ data: any }>data).data.token);
+    if (rememberMe) {
+      // 记住此设备，数据长期存储到localstorage
+      tokenSessionStorage.value = null;
+      tokenLocalStorage.value = (<{ data: any }>data).data.token;
+      await refreshTokenExpire();
+    } else {
+      // 不记住此设备，数据短期存储到sessionStorage
+      tokenLocalStorage.value = tokenExpires = null;
+      tokenSessionStorage.value = (<{ data: any }>data).data.token;
+    }
+    await refreshTokenExpire();
+    await useRouter().push("/");
+  } else {
+    // 登录失败，登出
+    errorCallback(data.message);
+    await logout();
+  }
 }
 
 /**
  * 登出
  */
 export async function logout() {
-	tokenLocalStorage.value = tokenExpires = tokenSessionStorage.value = null;
-	await useRouter().push('/');
+  tokenLocalStorage.value = tokenExpires = tokenSessionStorage.value = null;
+  await useRouter().push("/");
 }
 
 /**
@@ -186,7 +181,7 @@ export async function logout() {
  * @returns 令牌
  */
 export function getToken(): string | null {
-	return tokenLocalStorage.value ?? tokenSessionStorage.value;
+  return tokenLocalStorage.value ?? tokenSessionStorage.value;
 }
 
 /**
@@ -194,5 +189,5 @@ export function getToken(): string | null {
  * @returns 用户名
  */
 export function getUsername() {
-	return username;
+  return username;
 }
diff --git a/packages/commons/src/assets/css/style.css b/packages/commons/src/assets/css/style.css
index 05277fc7..acdd59b3 100644
--- a/packages/commons/src/assets/css/style.css
+++ b/packages/commons/src/assets/css/style.css
@@ -79,7 +79,8 @@ html,
   vertical-align: middle;
 }
 
-#__nuxt, #app {
+#__nuxt,
+#app {
   display: flex;
   justify-content: center;
   align-items: center;
diff --git a/packages/commons/src/components/sidebar/Sidebar.vue b/packages/commons/src/components/sidebar/Sidebar.vue
index 65ecbd37..b0f0fd3e 100644
--- a/packages/commons/src/components/sidebar/Sidebar.vue
+++ b/packages/commons/src/components/sidebar/Sidebar.vue
@@ -6,7 +6,7 @@ import TasksDialog from "./TasksDialog.vue";
 import { useScreenWidth } from "../../utils/uses";
 import { tasks, TaskStatus } from "../../utils/tasks";
 import SidebarLogo from "./SidebarLogo.vue";
-import {router} from "../../utils/globals";
+import { router } from "../../utils/globals";
 
 defineProps({
   isInDrawer: {
diff --git a/packages/commons/src/pages/Debug.vue b/packages/commons/src/pages/Debug.vue
index 69362f02..dcce1b27 100644
--- a/packages/commons/src/pages/Debug.vue
+++ b/packages/commons/src/pages/Debug.vue
@@ -1,18 +1,16 @@
 <script setup lang="ts">
-import {ref, type Ref} from "vue";
-import {useDarkMode, useLocale} from "../utils/uses";
+import { ref, type Ref } from "vue";
+import { useDarkMode, useLocale } from "../utils/uses";
 import Page from "../components/page/Page.vue";
 
 const locale = ref(useLocale().localeStorage);
 const locales: Ref<{ label: string; value: string }[]> = ref([]);
-const messages = useLocale().getMessages()
-(async () => {
+const messages = useLocale().getMessages()(async () => {
   for (const locale in messages) {
-    const message = messages[locale]
-        .default;
+    const message = messages[locale].default;
     locales.value.push({
       label:
-          message["language.name"] + " (" + message["language.country"] + ")",
+        message["language.name"] + " (" + message["language.country"] + ")",
       value: locale,
     });
   }
@@ -27,60 +25,60 @@ const messages = useLocale().getMessages()
     <ElForm>
       <ElFormItem label="扩散动画（部分浏览器不支持）">
         <ElButton @click="useDarkMode().changeTheme('light', $event)"
-        >浅色模式
+          >浅色模式
         </ElButton>
         <ElButton @click="useDarkMode().changeTheme('dark', $event)"
-        >深色模式
+          >深色模式
         </ElButton>
         <ElButton @click="useDarkMode().changeTheme('auto', $event)"
-        >跟随系统
+          >跟随系统
         </ElButton>
       </ElFormItem>
       <ElFormItem label="中心扩散动画（部分浏览器不支持）">
         <ElButton @click="useDarkMode().changeTheme('light')"
-        >浅色模式
+          >浅色模式
         </ElButton>
         <ElButton @click="useDarkMode().changeTheme('dark')"
-        >深色模式
+          >深色模式
         </ElButton>
         <ElButton @click="useDarkMode().changeTheme('auto')"
-        >跟随系统
+          >跟随系统
         </ElButton>
       </ElFormItem>
       <ElFormItem label="渐变动画">
         <ElButton @click="useDarkMode().changeTheme('light', undefined, 'fade')"
-        >浅色模式
+          >浅色模式
         </ElButton>
         <ElButton @click="useDarkMode().changeTheme('dark', undefined, 'fade')"
-        >深色模式
+          >深色模式
         </ElButton>
         <ElButton @click="useDarkMode().changeTheme('auto', undefined, 'fade')"
-        >跟随系统
+          >跟随系统
         </ElButton>
       </ElFormItem>
       <ElFormItem label="无动画">
         <ElButton @click="useDarkMode().changeTheme('light', undefined, 'none')"
-        >浅色模式
+          >浅色模式
         </ElButton>
         <ElButton @click="useDarkMode().changeTheme('dark', undefined, 'none')"
-        >深色模式
+          >深色模式
         </ElButton>
         <ElButton @click="useDarkMode().changeTheme('auto', undefined, 'none')"
-        >跟随系统
+          >跟随系统
         </ElButton>
       </ElFormItem>
       <ElFormItem v-if="locale" label="语言">
         <ElSelect
-            v-model="locale"
-            label="语言"
-            @change="useLocale().setLocale(locale)"
+          v-model="locale"
+          label="语言"
+          @change="useLocale().setLocale(locale)"
         >
-          <ElOption label="系统默认" value="auto"/>
+          <ElOption label="系统默认" value="auto" />
           <ElOption
-              v-for="(item, index) in locales"
-              :key="index"
-              :label="item.label"
-              :value="item.value"
+            v-for="(item, index) in locales"
+            :key="index"
+            :label="item.label"
+            :value="item.value"
           />
         </ElSelect>
       </ElFormItem>
diff --git a/packages/commons/src/pages/News.vue b/packages/commons/src/pages/News.vue
index 9a95224f..c38abddc 100644
--- a/packages/commons/src/pages/News.vue
+++ b/packages/commons/src/pages/News.vue
@@ -1,17 +1,15 @@
 <script lang="ts" setup>
 import axios from "axios";
-import {ElNotification} from "element-plus";
-import {type Ref, ref} from "vue";
-import {useI18n} from "vue-i18n";
+import { ElNotification } from "element-plus";
+import { type Ref, ref } from "vue";
+import { useI18n } from "vue-i18n";
 import Page from "../components/page/Page.vue";
-import {openUrl, randNum} from "../utils/common";
-import {router} from "../utils/globals";
+import { openUrl, randNum } from "../utils/common";
+import { router } from "../utils/globals";
 
 const i18n = useI18n();
-const hash = router.currentRoute.value.hash
-const activeTab = ref(
-    hash != "" ? hash.slice(1) : "je-update",
-);
+const hash = router.currentRoute.value.hash;
+const activeTab = ref(hash != "" ? hash.slice(1) : "je-update");
 const newsPage = ref(1);
 
 const dialog = ref({
@@ -29,56 +27,56 @@ function sortByDate(a: any, b: any) {
 }
 
 axios
-    .get("https://launchercontent.mojang.com/v2/javaPatchNotes.json", {
-      headers: {
-        "Cache-Control": "no-cache",
-      },
-    })
-    .then((res) => {
-      jeUpdates.value = res.data.entries.sort(sortByDate);
-    })
-    .catch((e) => {
-      ElNotification({
-        title: i18n.t("notification.warning.title"),
-        message: i18n.t("news.je-update.load-failed"),
-        type: "warning",
-      });
-      console.log(i18n.t("news.je-update.load-failed"), e);
+  .get("https://launchercontent.mojang.com/v2/javaPatchNotes.json", {
+    headers: {
+      "Cache-Control": "no-cache",
+    },
+  })
+  .then((res) => {
+    jeUpdates.value = res.data.entries.sort(sortByDate);
+  })
+  .catch((e) => {
+    ElNotification({
+      title: i18n.t("notification.warning.title"),
+      message: i18n.t("news.je-update.load-failed"),
+      type: "warning",
     });
+    console.log(i18n.t("news.je-update.load-failed"), e);
+  });
 axios
-    .get("https://launchercontent.mojang.com/v2/bedrockPatchNotes.json", {
-      headers: {
-        "Cache-Control": "no-cache",
-      },
-    })
-    .then((res) => {
-      beUpdates.value = res.data.entries.sort(sortByDate);
-    })
-    .catch((e) => {
-      ElNotification({
-        title: i18n.t("notification.warning.title"),
-        message: i18n.t("news.be-update.load-failed"),
-        type: "warning",
-      });
-      console.log(i18n.t("news.be-update.load-failed"), e);
+  .get("https://launchercontent.mojang.com/v2/bedrockPatchNotes.json", {
+    headers: {
+      "Cache-Control": "no-cache",
+    },
+  })
+  .then((res) => {
+    beUpdates.value = res.data.entries.sort(sortByDate);
+  })
+  .catch((e) => {
+    ElNotification({
+      title: i18n.t("notification.warning.title"),
+      message: i18n.t("news.be-update.load-failed"),
+      type: "warning",
     });
+    console.log(i18n.t("news.be-update.load-failed"), e);
+  });
 axios
-    .get("https://launchercontent.mojang.com/v2/news.json", {
-      headers: {
-        "Cache-Control": "no-cache",
-      },
-    })
-    .then((res) => {
-      minecraftNews.value = res.data.entries.sort(sortByDate);
-    })
-    .catch((e) => {
-      ElNotification({
-        title: i18n.t("notification.warning.title"),
-        message: i18n.t("news.mc-news.load-failed"),
-        type: "warning",
-      });
-      console.log(i18n.t("news.mc-news.load-failed"), e);
+  .get("https://launchercontent.mojang.com/v2/news.json", {
+    headers: {
+      "Cache-Control": "no-cache",
+    },
+  })
+  .then((res) => {
+    minecraftNews.value = res.data.entries.sort(sortByDate);
+  })
+  .catch((e) => {
+    ElNotification({
+      title: i18n.t("notification.warning.title"),
+      message: i18n.t("news.mc-news.load-failed"),
+      type: "warning",
     });
+    console.log(i18n.t("news.mc-news.load-failed"), e);
+  });
 
 function translateNewsCategory(category: string) {
   switch (category) {
@@ -118,13 +116,13 @@ function openDialog(title: string, contentPath: string) {
   dialog.value.body = "";
   dialog.value.open = true;
   axios
-      .get(contentPath)
-      .then((res) => {
-        dialog.value.body = res.data.body;
-      })
-      .catch(() => {
-        dialog.value.body = i18n.t("news.dialog.load-failed");
-      });
+    .get(contentPath)
+    .then((res) => {
+      dialog.value.body = res.data.body;
+    })
+    .catch(() => {
+      dialog.value.body = i18n.t("news.dialog.load-failed");
+    });
 }
 </script>
 
@@ -137,29 +135,29 @@ function openDialog(title: string, contentPath: string) {
       <ElTabs v-model="activeTab" @tab-change="newsPage = 1">
         <!-- 弹出窗口 -->
         <ElDialog
-            v-model="dialog.open"
-            width="777px"
-            :title="dialog.title"
-            @close="dialog.title = dialog.body = ''"
+          v-model="dialog.open"
+          width="777px"
+          :title="dialog.title"
+          @close="dialog.title = dialog.body = ''"
         >
           <ElScrollbar height="500px">
             <ElText
-                v-loading="!dialog.body"
-                element-loading-background="rgba(255, 255, 255, 0.5)"
+              v-loading="!dialog.body"
+              element-loading-background="rgba(255, 255, 255, 0.5)"
             >
               <ElSkeleton v-if="!dialog.body" animated>
                 <template #template>
                   <ElSkeletonItem
-                      v-for="index in 27"
-                      :key="index"
-                      variant="p"
-                      :style="{
+                    v-for="index in 27"
+                    :key="index"
+                    variant="p"
+                    :style="{
                       width: randNum(40, 90) + '%',
                     }"
                   />
                 </template>
               </ElSkeleton>
-              <div v-else class="news__dialog" v-html="dialog.body"/>
+              <div v-else class="news__dialog" v-html="dialog.body" />
             </ElText>
           </ElScrollbar>
         </ElDialog>
@@ -168,34 +166,34 @@ function openDialog(title: string, contentPath: string) {
         <ElTabPane :label="$t('news.tabs.je-update')" name="je-update">
           <div v-if="!jeUpdates" class="news__loading">
             <div
-                v-loading="true"
-                class="news__loading-icon"
-                element-loading-background="rgba(255, 255, 255, 0.5)"
+              v-loading="true"
+              class="news__loading-icon"
+              element-loading-background="rgba(255, 255, 255, 0.5)"
             />
             <ElSkeleton animated>
               <template #template>
                 <div class="news__cards">
                   <ElCard v-for="index in 25" :key="index" class="news__card">
                     <ElSkeletonItem
-                        variant="image"
-                        class="news__card-img"
-                        style="height: calc(100% - 80px); margin-bottom: 20px"
+                      variant="image"
+                      class="news__card-img"
+                      style="height: calc(100% - 80px); margin-bottom: 20px"
                     />
                     <ElSkeletonItem
-                        variant="h3"
-                        class="news__card-title"
-                        style="width: 100%"
+                      variant="h3"
+                      class="news__card-title"
+                      style="width: 100%"
                     />
                     <ElSkeletonItem
-                        variant="h3"
-                        class="news__card-title"
-                        style="width: 100%"
+                      variant="h3"
+                      class="news__card-title"
+                      style="width: 100%"
                     />
-                    <br/>
+                    <br />
                     <ElSkeletonItem
-                        variant="p"
-                        class="news__card-date"
-                        style="width: 50%"
+                      variant="p"
+                      class="news__card-date"
+                      style="width: 50%"
                     />
                   </ElCard>
                 </div>
@@ -204,20 +202,20 @@ function openDialog(title: string, contentPath: string) {
           </div>
           <div v-else class="news__tab">
             <ElPagination
-                v-model:current-page="newsPage"
-                layout="prev, pager, next, ->"
-                :page-size="20"
-                :total="jeUpdates.length"
+              v-model:current-page="newsPage"
+              layout="prev, pager, next, ->"
+              :page-size="20"
+              :total="jeUpdates.length"
             />
             <div class="news__cards">
               <ElCard
-                  v-for="item in jeUpdates.slice(
+                v-for="item in jeUpdates.slice(
                   (newsPage - 1) * 20,
                   newsPage * 20,
                 )"
-                  :key="item.version"
-                  class="news__card"
-                  @click="
+                :key="item.version"
+                class="news__card"
+                @click="
                   openDialog(
                     item.title,
                     'https://launchercontent.mojang.com/v2/' + item.contentPath,
@@ -225,9 +223,9 @@ function openDialog(title: string, contentPath: string) {
                 "
               >
                 <ElImage
-                    class="news__card-img"
-                    :src="'https://launchercontent.mojang.com' + item.image.url"
-                    :alt="item.image.title"
+                  class="news__card-img"
+                  :src="'https://launchercontent.mojang.com' + item.image.url"
+                  :alt="item.image.title"
                 />
                 <h3 class="news__card-title">
                   {{ item.title }}
@@ -238,10 +236,10 @@ function openDialog(title: string, contentPath: string) {
               </ElCard>
             </div>
             <ElPagination
-                v-model:current-page="newsPage"
-                layout="prev, pager, next, ->"
-                :page-size="20"
-                :total="jeUpdates.length"
+              v-model:current-page="newsPage"
+              layout="prev, pager, next, ->"
+              :page-size="20"
+              :total="jeUpdates.length"
             />
           </div>
         </ElTabPane>
@@ -250,34 +248,34 @@ function openDialog(title: string, contentPath: string) {
         <ElTabPane :label="$t('news.tabs.be-update')" name="be-update">
           <div v-if="!beUpdates" class="news__loading">
             <div
-                v-loading="true"
-                class="news__loading-icon"
-                element-loading-background="rgba(255, 255, 255, 0.5)"
+              v-loading="true"
+              class="news__loading-icon"
+              element-loading-background="rgba(255, 255, 255, 0.5)"
             />
             <ElSkeleton animated>
               <template #template>
                 <div class="news__cards">
                   <ElCard v-for="index in 25" :key="index" class="news__card">
                     <ElSkeletonItem
-                        variant="image"
-                        class="news__card-img"
-                        style="height: calc(100% - 80px); margin-bottom: 20px"
+                      variant="image"
+                      class="news__card-img"
+                      style="height: calc(100% - 80px); margin-bottom: 20px"
                     />
                     <ElSkeletonItem
-                        variant="h3"
-                        class="news__card-title"
-                        style="width: 100%"
+                      variant="h3"
+                      class="news__card-title"
+                      style="width: 100%"
                     />
                     <ElSkeletonItem
-                        variant="h3"
-                        class="news__card-title"
-                        style="width: 100%"
+                      variant="h3"
+                      class="news__card-title"
+                      style="width: 100%"
                     />
-                    <br/>
+                    <br />
                     <ElSkeletonItem
-                        variant="p"
-                        class="news__card-date"
-                        style="width: 50%"
+                      variant="p"
+                      class="news__card-date"
+                      style="width: 50%"
                     />
                   </ElCard>
                 </div>
@@ -286,20 +284,20 @@ function openDialog(title: string, contentPath: string) {
           </div>
           <div v-else class="news__tab">
             <ElPagination
-                v-model:current-page="newsPage"
-                layout="prev, pager, next, ->"
-                :page-size="20"
-                :total="beUpdates.length"
+              v-model:current-page="newsPage"
+              layout="prev, pager, next, ->"
+              :page-size="20"
+              :total="beUpdates.length"
             />
             <div class="news__cards">
               <ElCard
-                  v-for="item in beUpdates.slice(
+                v-for="item in beUpdates.slice(
                   (newsPage - 1) * 20,
                   newsPage * 20,
                 )"
-                  :key="item.version"
-                  class="news__card"
-                  @click="
+                :key="item.version"
+                class="news__card"
+                @click="
                   openDialog(
                     item.title,
                     'https://launchercontent.mojang.com/v2/' + item.contentPath,
@@ -307,9 +305,9 @@ function openDialog(title: string, contentPath: string) {
                 "
               >
                 <ElImage
-                    class="news__card-img"
-                    :src="'https://launchercontent.mojang.com' + item.image.url"
-                    :alt="item.image.title"
+                  class="news__card-img"
+                  :src="'https://launchercontent.mojang.com' + item.image.url"
+                  :alt="item.image.title"
                 />
                 <h3 class="news__card-title">
                   {{ item.title }}
@@ -320,10 +318,10 @@ function openDialog(title: string, contentPath: string) {
               </ElCard>
             </div>
             <ElPagination
-                v-model:current-page="newsPage"
-                layout="prev, pager, next, ->"
-                :page-size="20"
-                :total="beUpdates.length"
+              v-model:current-page="newsPage"
+              layout="prev, pager, next, ->"
+              :page-size="20"
+              :total="beUpdates.length"
             />
           </div>
         </ElTabPane>
@@ -332,36 +330,36 @@ function openDialog(title: string, contentPath: string) {
         <ElTabPane :label="$t('news.tabs.mc-news')" name="mc-news">
           <div v-if="!minecraftNews" class="news__loading">
             <div
-                v-loading="true"
-                class="news__loading-icon"
-                element-loading-background="rgba(255, 255, 255, 0.5)"
+              v-loading="true"
+              class="news__loading-icon"
+              element-loading-background="rgba(255, 255, 255, 0.5)"
             />
             <ElSkeleton animated>
               <template #template>
                 <div class="news__cards">
                   <ElCard v-for="index in 25" :key="index" class="news__card">
                     <ElSkeletonItem
-                        variant="image"
-                        class="news__card-img"
-                        style="height: calc(100% - 100px)"
+                      variant="image"
+                      class="news__card-img"
+                      style="height: calc(100% - 100px)"
                     />
-                    <br/>
+                    <br />
                     <ElSkeletonItem
-                        variant="h3"
-                        class="news__card-title"
-                        style="width: 100%"
+                      variant="h3"
+                      class="news__card-title"
+                      style="width: 100%"
                     />
-                    <br/>
+                    <br />
                     <ElSkeletonItem
-                        class="news__card-desc"
-                        variant="p"
-                        style="width: 75%"
+                      class="news__card-desc"
+                      variant="p"
+                      style="width: 75%"
                     />
-                    <br/>
+                    <br />
                     <ElSkeletonItem
-                        class="news__card-date"
-                        variant="p"
-                        style="width: 50%"
+                      class="news__card-date"
+                      variant="p"
+                      style="width: 50%"
                     />
                   </ElCard>
                 </div>
@@ -370,38 +368,38 @@ function openDialog(title: string, contentPath: string) {
           </div>
           <div v-else class="news__tab">
             <ElPagination
-                v-model:current-page="newsPage"
-                layout="prev, pager, next, ->"
-                :page-size="20"
-                :total="minecraftNews.length"
+              v-model:current-page="newsPage"
+              layout="prev, pager, next, ->"
+              :page-size="20"
+              :total="minecraftNews.length"
             />
             <div class="news__cards news__cards-masonry">
               <ElCard
-                  v-for="item in minecraftNews.slice(
+                v-for="item in minecraftNews.slice(
                   (newsPage - 1) * 20,
                   newsPage * 20,
                 )"
-                  :key="item.id"
-                  class="news__card"
-                  @click="openUrl(item.readMoreLink)"
+                :key="item.id"
+                class="news__card"
+                @click="openUrl(item.readMoreLink)"
               >
                 <ElImage
-                    class="news__card-img"
-                    :src="
+                  class="news__card-img"
+                  :src="
                     'https://launchercontent.mojang.com/' +
                     item.playPageImage.url
                   "
-                    :alt="item.playPageImage.title"
+                  :alt="item.playPageImage.title"
                 />
                 <h3 class="news__card-title">
                   {{ item.title }}
                 </h3>
                 <div class="news__card-tags">
                   <el-tag type="primary"
-                  >{{ translateNewsCategory(item.category) }}
+                    >{{ translateNewsCategory(item.category) }}
                   </el-tag>
                   <el-tag v-if="item.tag" type="info"
-                  >{{ translateNewsTag(item.tag) }}
+                    >{{ translateNewsTag(item.tag) }}
                   </el-tag>
                 </div>
                 <p class="news__card-desc">
@@ -413,10 +411,10 @@ function openDialog(title: string, contentPath: string) {
               </ElCard>
             </div>
             <ElPagination
-                v-model:current-page="newsPage"
-                layout="prev, pager, next, ->"
-                :page-size="20"
-                :total="minecraftNews.length"
+              v-model:current-page="newsPage"
+              layout="prev, pager, next, ->"
+              :page-size="20"
+              :total="minecraftNews.length"
             />
           </div>
         </ElTabPane>
diff --git a/packages/commons/src/pages/welcome/Done.vue b/packages/commons/src/pages/welcome/Done.vue
index e24e6063..35fdd056 100644
--- a/packages/commons/src/pages/welcome/Done.vue
+++ b/packages/commons/src/pages/welcome/Done.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { getLogoSrc } from "../../utils/common";
 import FancyBackground from "../../components/FancyBackground.vue";
-import {router} from "../../utils/globals";
+import { router } from "../../utils/globals";
 </script>
 
 <template>
@@ -17,12 +17,9 @@ import {router} from "../../utils/globals";
       </div>
       <h1>{{ $t("welcome.done.title") }}</h1>
       <h2>{{ $t("welcome.done.subtitle") }}</h2>
-      <ElButton
-        class="done__button"
-        type="primary"
-        @click="router.push('/')"
-        >{{ $t("welcome.done.close") }}</ElButton
-      >
+      <ElButton class="done__button" type="primary" @click="router.push('/')">{{
+        $t("welcome.done.close")
+      }}</ElButton>
     </div>
   </div>
 </template>
diff --git a/packages/commons/src/pages/welcome/Eula.vue b/packages/commons/src/pages/welcome/Eula.vue
index 69593b5d..f6562d88 100644
--- a/packages/commons/src/pages/welcome/Eula.vue
+++ b/packages/commons/src/pages/welcome/Eula.vue
@@ -1,10 +1,10 @@
 <script setup lang="ts">
 import axios from "axios";
-import {marked} from "marked";
-import {ref} from "vue";
-import {agreedEula, canHideOverlay} from "../../utils/loader";
+import { marked } from "marked";
+import { ref } from "vue";
+import { agreedEula, canHideOverlay } from "../../utils/loader";
 import FancyBackground from "../../components/FancyBackground.vue";
-import {router} from "../../utils/globals";
+import { router } from "../../utils/globals";
 
 const md = ref("");
 const waitTime = 10000;
@@ -16,7 +16,7 @@ function initEula(text: string) {
   startTime = Date.now();
   const interval = setInterval(() => {
     agreeCountdown.value = Math.floor(
-        (waitTime - (Date.now() - startTime)) / 1000,
+      (waitTime - (Date.now() - startTime)) / 1000,
     );
     if (agreeCountdown.value <= 0) {
       agreeCountdown.value = 0;
@@ -26,28 +26,28 @@ function initEula(text: string) {
 }
 
 axios
-    .get(
-        "https://raw.githubusercontent.com/MCSLTeam/MCServerLauncher-Future-Website/main/docs/eula.md",
-        {
-          timeout: 1000,
-        },
-    )
-    .then((res) => {
-      initEula(res.data);
-    })
-    .catch((err) => {
-      console.warn("Failed to fetch eula from GitHub, using mirror", err);
-      axios
-          .get(
-              "https://github.moeyy.xyz/https://raw.githubusercontent.com/MCSLTeam/MCServerLauncher-Future-Website/main/docs/eula.md",
-          )
-          .then((res) => {
-            initEula(res.data);
-          })
-          .catch((err) => {
-            console.error("Failed to fetch eula from GitHub mirror", err);
-          });
-    });
+  .get(
+    "https://raw.githubusercontent.com/MCSLTeam/MCServerLauncher-Future-Website/main/docs/eula.md",
+    {
+      timeout: 1000,
+    },
+  )
+  .then((res) => {
+    initEula(res.data);
+  })
+  .catch((err) => {
+    console.warn("Failed to fetch eula from GitHub, using mirror", err);
+    axios
+      .get(
+        "https://github.moeyy.xyz/https://raw.githubusercontent.com/MCSLTeam/MCServerLauncher-Future-Website/main/docs/eula.md",
+      )
+      .then((res) => {
+        initEula(res.data);
+      })
+      .catch((err) => {
+        console.error("Failed to fetch eula from GitHub mirror", err);
+      });
+  });
 
 function disagree() {
   location.href = "about:blank";
@@ -62,31 +62,31 @@ async function agree() {
 
 <template>
   <div v-show="canHideOverlay" class="eula__container">
-    <FancyBackground light="7"/>
+    <FancyBackground light="7" />
     <div class="eula__container-inner">
       <ElCard class="eula__card" body-class="eula__card-body">
         <h1>{{ $t("eula.title") }}</h1>
         <ElScrollbar class="eula__scrollbar">
           <ElText>
-            <p v-html="marked.parse(md)"/>
+            <p v-html="marked.parse(md)" />
           </ElText>
         </ElScrollbar>
         <div v-if="agreeCountdown != -1" class="eula__buttons">
           <ElButton @click="router.push('/welcome/welcome')"
-          >{{ $t("welcome.prev") }}
+            >{{ $t("welcome.prev") }}
           </ElButton>
           <ElButton @click="disagree">{{ $t("eula.disagree") }}</ElButton>
           <ElButton
-              type="primary"
-              :disabled="agreeCountdown != 0"
-              @click="agree"
+            type="primary"
+            :disabled="agreeCountdown != 0"
+            @click="agree"
           >
             {{
               agreeCountdown != 0
-                  ? $t("eula.agree.countdown", {
+                ? $t("eula.agree.countdown", {
                     time: agreeCountdown,
                   })
-                  : $t("eula.agree")
+                : $t("eula.agree")
             }}
           </ElButton>
         </div>
diff --git a/packages/commons/src/pages/welcome/Welcome.vue b/packages/commons/src/pages/welcome/Welcome.vue
index 26043efe..61cf07be 100644
--- a/packages/commons/src/pages/welcome/Welcome.vue
+++ b/packages/commons/src/pages/welcome/Welcome.vue
@@ -1,34 +1,34 @@
 <script setup lang="ts">
-import {onMounted, onUnmounted, ref, type Ref} from "vue";
-import {useI18n} from "vue-i18n";
-import {type DarkMode, useDarkMode, useLocale} from "../../utils/uses";
-import {randNum, sleep} from "../../utils/common";
-import {canHideOverlay} from "../../utils/loader";
+import { onMounted, onUnmounted, ref, type Ref } from "vue";
+import { useI18n } from "vue-i18n";
+import { type DarkMode, useDarkMode, useLocale } from "../../utils/uses";
+import { randNum, sleep } from "../../utils/common";
+import { canHideOverlay } from "../../utils/loader";
 import FancyBackground from "../../components/FancyBackground.vue";
-import {ElSelectV2} from "element-plus";
-import {router} from "../../utils/globals";
+import { ElSelectV2 } from "element-plus";
+import { router } from "../../utils/globals";
 
 const i18n = useI18n();
 const messages = useLocale().getMessages();
 const theme = ref(useDarkMode().mode);
 const themes: Ref<{ label: string; value: string }[]> = ref([
-  {label: i18n.t("settings.general.theme.auto"), value: "auto"},
-  {label: i18n.t("settings.general.theme.light"), value: "light"},
-  {label: i18n.t("settings.general.theme.dark"), value: "dark"},
+  { label: i18n.t("settings.general.theme.auto"), value: "auto" },
+  { label: i18n.t("settings.general.theme.light"), value: "light" },
+  { label: i18n.t("settings.general.theme.dark"), value: "dark" },
 ]);
 
 const locale = ref(useLocale().localeStorage);
 const locales: Ref<{ label: string; value: string }[]> = ref([
-  {label: i18n.t("settings.general.locale.auto"), value: "auto"},
+  { label: i18n.t("settings.general.locale.auto"), value: "auto" },
 ]);
 (async () => {
   for (const locale in messages) {
     locales.value.push({
       label:
-          messages[locale]["language.name"] +
-          " (" +
-          messages[locale]["language.country"] +
-          ")",
+        messages[locale]["language.name"] +
+        " (" +
+        messages[locale]["language.country"] +
+        ")",
       value: locale,
     });
   }
@@ -51,36 +51,36 @@ function changeLocale() {
 
 onMounted(async () => {
   interval.push(
-      setInterval(() => {
-        showWelcomeTextCursor.value = !showWelcomeTextCursor.value;
-      }, 500),
+    setInterval(() => {
+      showWelcomeTextCursor.value = !showWelcomeTextCursor.value;
+    }, 500),
   );
   interval.push(
-      setInterval(async () => {
-        if (mode === "delete") {
-          index--;
-          welcomeText.value = currText.slice(0, index);
-          if (index == 0) {
-            mode = "append";
-            let temp;
-            do {
-              temp =
-                  messages[
-                      Object.keys(messages)[randNum(Object.keys(messages).length)]!
-                      ]["welcome.welcome"];
-            } while (temp !== currText);
-            currText = temp;
-          }
-        } else if (mode === "append") {
-          index++;
-          welcomeText.value = currText.slice(0, index + 1);
-          if (index >= currText.length - 1) {
-            mode = "wait";
-            await sleep(2000);
-            mode = "delete";
-          }
+    setInterval(async () => {
+      if (mode === "delete") {
+        index--;
+        welcomeText.value = currText.slice(0, index);
+        if (index == 0) {
+          mode = "append";
+          let temp;
+          do {
+            temp =
+              messages[
+                Object.keys(messages)[randNum(Object.keys(messages).length)]!
+              ]["welcome.welcome"];
+          } while (temp !== currText);
+          currText = temp;
         }
-      }, 250),
+      } else if (mode === "append") {
+        index++;
+        welcomeText.value = currText.slice(0, index + 1);
+        if (index >= currText.length - 1) {
+          mode = "wait";
+          await sleep(2000);
+          mode = "delete";
+        }
+      }
+    }, 250),
   );
 });
 
@@ -93,12 +93,14 @@ onUnmounted(() => {
 
 <template>
   <div v-show="canHideOverlay" class="welcome__container">
-    <FancyBackground light="7"/>
+    <FancyBackground light="7" />
     <div class="welcome__container-inner">
       <div class="welcome__section welcome__section-1">
         <div class="welcome__text">
           <h2>
-            {{ welcomeText }}<span :style="{ opacity: showWelcomeTextCursor ? 1 : 0 }">_</span>&nbsp;
+            {{ welcomeText
+            }}<span :style="{ opacity: showWelcomeTextCursor ? 1 : 0 }">_</span
+            >&nbsp;
           </h2>
           <h1>
             {{ $t("app.name.abbr") }}
@@ -115,22 +117,22 @@ onUnmounted(() => {
             <ElForm>
               <ElFormItem :label="$t('settings.general.theme')">
                 <ElSelectV2
-                    v-model="theme"
-                    :options="themes"
-                    @change="useDarkMode().changeTheme(<DarkMode>theme)"
+                  v-model="theme"
+                  :options="themes"
+                  @change="useDarkMode().changeTheme(<DarkMode>theme)"
                 />
               </ElFormItem>
               <ElFormItem v-if="locales" :label="$t('settings.general.locale')">
                 <ElSelectV2
-                    v-model="locale"
-                    :options="locales"
-                    @change="changeLocale"
+                  v-model="locale"
+                  :options="locales"
+                  @change="changeLocale"
                 />
               </ElFormItem>
             </ElForm>
           </ElScrollbar>
           <ElButton type="primary" @click="router.push('/welcome/eula')"
-          >{{ $t("welcome.next") }}
+            >{{ $t("welcome.next") }}
           </ElButton>
         </ElCard>
       </div>
@@ -219,9 +221,9 @@ onUnmounted(() => {
   font-weight: bold;
   color: transparent;
   background: linear-gradient(
-      135deg,
-      var(--el-color-primary),
-      var(--el-color-primary-dark-2)
+    135deg,
+    var(--el-color-primary),
+    var(--el-color-primary-dark-2)
   );
   background-clip: text;
 }
diff --git a/packages/commons/src/utils/globals.ts b/packages/commons/src/utils/globals.ts
index 0e99835f..c22393b9 100644
--- a/packages/commons/src/utils/globals.ts
+++ b/packages/commons/src/utils/globals.ts
@@ -1,20 +1,20 @@
-import {type Ref} from "vue";
+import { type Ref } from "vue";
 import "../assets/css/style.css";
 import "../assets/css/fontawesome.min.css";
 import "animate.css";
-import 'element-plus/dist/index.css'
-import 'element-plus/theme-chalk/dark/css-vars.css';
-import {useLocalStorage} from "@vueuse/core";
-import {type Router, useRouter} from "vue-router";
+import "element-plus/dist/index.css";
+import "element-plus/theme-chalk/dark/css-vars.css";
+import { useLocalStorage } from "@vueuse/core";
+import { type Router, useRouter } from "vue-router";
 
 export let beian: string | undefined;
 
-export let router: Router = useRouter()
+export let router: Router = useRouter();
 
 export function setBeian(b: string) {
-    beian = b;
+  beian = b;
 }
 
 export function setRouter(r: Router) {
-    router = r;
+  router = r;
 }
diff --git a/packages/commons/src/utils/loader.ts b/packages/commons/src/utils/loader.ts
index b10aaad4..ba026a29 100644
--- a/packages/commons/src/utils/loader.ts
+++ b/packages/commons/src/utils/loader.ts
@@ -1,6 +1,6 @@
-import {computed, type Ref, ref} from "vue";
-import {useDarkMode, useLocale} from "./uses";
-import {sleep} from "./common";
+import { computed, type Ref, ref } from "vue";
+import { useDarkMode, useLocale } from "./uses";
+import { sleep } from "./common";
 
 /**
  * 加载状态
@@ -17,48 +17,48 @@ export type LoadingStatus = "loading" | "success" | "fail";
  * 加载状态类
  */
 export default class LoadingInfo {
-    private readonly loadingStatus: Ref<LoadingStatus>;
-    private readonly message: Ref<string>;
+  private readonly loadingStatus: Ref<LoadingStatus>;
+  private readonly message: Ref<string>;
 
-    /**
-     * 创建加载状态
-     * @param loadingStatus - 加载状态
-     * @param message - 消息本地化键名（默认为loading.default）
-     */
-    constructor(loadingStatus: LoadingStatus, message?: string) {
-        this.loadingStatus = ref(loadingStatus);
-        this.message = ref(message ?? "loading.default");
-    }
+  /**
+   * 创建加载状态
+   * @param loadingStatus - 加载状态
+   * @param message - 消息本地化键名（默认为loading.default）
+   */
+  constructor(loadingStatus: LoadingStatus, message?: string) {
+    this.loadingStatus = ref(loadingStatus);
+    this.message = ref(message ?? "loading.default");
+  }
 
-    /**
-     * 获取加载状态
-     */
-    getLoadingStatus() {
-        return this.loadingStatus;
-    }
+  /**
+   * 获取加载状态
+   */
+  getLoadingStatus() {
+    return this.loadingStatus;
+  }
 
-    /**
-     * 获取消息本地化键名
-     */
-    getMessage() {
-        return this.message;
-    }
+  /**
+   * 获取消息本地化键名
+   */
+  getMessage() {
+    return this.message;
+  }
 
-    /**
-     * 设置消息本地化键名
-     * @param message - 消息本地化键名
-     */
-    setMessage(message: string) {
-        this.message.value = message;
-    }
+  /**
+   * 设置消息本地化键名
+   * @param message - 消息本地化键名
+   */
+  setMessage(message: string) {
+    this.message.value = message;
+  }
 
-    /**
-     * 设置加载状态
-     * @param loadingStatus - 加载状态
-     */
-    setLoadingStatus(loadingStatus: LoadingStatus) {
-        this.loadingStatus.value = loadingStatus;
-    }
+  /**
+   * 设置加载状态
+   * @param loadingStatus - 加载状态
+   */
+  setLoadingStatus(loadingStatus: LoadingStatus) {
+    this.loadingStatus.value = loadingStatus;
+  }
 }
 
 /**
@@ -68,34 +68,34 @@ export const mcslLoadingInfo = new LoadingInfo("loading", "");
 
 export const canHideOverlay = ref(false);
 
-const agreedEulaStorage = useLocalStorage('agreedEula', 'false')
+const agreedEulaStorage = useLocalStorage("agreedEula", "false");
 
 export const agreedEula = computed({
-    get: () => agreedEulaStorage.value === 'true',
-    set: (value: boolean) => agreedEulaStorage.value = value.toString()
-})
+  get: () => agreedEulaStorage.value === "true",
+  set: (value: boolean) => (agreedEulaStorage.value = value.toString()),
+});
 
 let startLoad;
 
 // TODO: 加载
 export async function loadApp(
-    customTask: (loadingInfo: LoadingInfo) => Promise<void> = async () => {}
+  customTask: (loadingInfo: LoadingInfo) => Promise<void> = async () => {},
 ) {
-    startLoad = Date.now();
-    while (useLocale().getComposer() == undefined) {
-        await sleep(100);
-    }
-    mcslLoadingInfo.setMessage(useLocale().getComposer().t("loading.theme"));
-    useDarkMode().loadTheme();
+  startLoad = Date.now();
+  while (useLocale().getComposer() == undefined) {
+    await sleep(100);
+  }
+  mcslLoadingInfo.setMessage(useLocale().getComposer().t("loading.theme"));
+  useDarkMode().loadTheme();
 
-    await customTask(mcslLoadingInfo);
+  await customTask(mcslLoadingInfo);
 
-    mcslLoadingInfo.setMessage(useLocale().getComposer().t("loading.success"));
-    mcslLoadingInfo.setLoadingStatus("success");
-    setTimeout(
-        () => {
-            canHideOverlay.value = true;
-        },
-        startLoad + 1000 - Date.now(),
-    );
+  mcslLoadingInfo.setMessage(useLocale().getComposer().t("loading.success"));
+  mcslLoadingInfo.setLoadingStatus("success");
+  setTimeout(
+    () => {
+      canHideOverlay.value = true;
+    },
+    startLoad + 1000 - Date.now(),
+  );
 }
diff --git a/packages/commons/src/utils/uses.ts b/packages/commons/src/utils/uses.ts
index ac91c651..4f29e3ff 100644
--- a/packages/commons/src/utils/uses.ts
+++ b/packages/commons/src/utils/uses.ts
@@ -1,9 +1,9 @@
-import {defineStore} from "pinia";
-import {computed, type Ref, ref} from "vue";
-import {usePreferredColorScheme, usePreferredLanguages} from "@vueuse/core";
-import {debounce} from "./common";
-import {merge} from "lodash";
-import {type Composer} from "vue-i18n";
+import { defineStore } from "pinia";
+import { computed, type Ref, ref } from "vue";
+import { usePreferredColorScheme, usePreferredLanguages } from "@vueuse/core";
+import { debounce } from "./common";
+import { merge } from "lodash";
+import { type Composer } from "vue-i18n";
 
 /* 主题 */
 /* ========== [ 主题 ]========== */
@@ -30,155 +30,155 @@ export type DarkMode = "auto" | "dark" | "light";
 export type DarkModeTransition = "viewTransition" | "fade" | "none";
 
 interface MyDocument extends Document {
-    // 防止类型检测报错
-    startViewTransition: any;
+  // 防止类型检测报错
+  startViewTransition: any;
 }
 
 export const useDarkMode = defineStore("theme", () => {
-    const mode = useLocalStorage("darkMode", "auto");
-
-    /**
-     * 加载主题
-     */
-    function loadTheme() {
-        changeTheme(<DarkMode>mode.value, undefined, "none", true);
+  const mode = useLocalStorage("darkMode", "auto");
+
+  /**
+   * 加载主题
+   */
+  function loadTheme() {
+    changeTheme(<DarkMode>mode.value, undefined, "none", true);
+  }
+
+  /**
+   * 判断主题类型在当前是否是深色模式
+   * @param darkMode - 主题类型
+   * @returns 是否是深色模式
+   */
+  function isDark(darkMode: DarkMode): boolean {
+    switch (darkMode) {
+      case "auto":
+        return usePreferredColorScheme().value == "dark";
+      case "dark":
+        return true;
+      case "light":
+        return false;
     }
+  }
+
+  /**
+   * 切换主题
+   * @param darkMode - 主题类型
+   * @param event - 点击事件
+   * @param transition - 过渡类型
+   * @param force - 是否强制切换（如果没有区别不切换，默认false）
+   */
+  function changeTheme(
+    darkMode: DarkMode,
+    event?: MouseEvent,
+    transition: DarkModeTransition = "viewTransition",
+    force: boolean = false,
+  ): void {
+    const darken = isDark(darkMode);
+    if (!force && darken == isDark(<DarkMode>mode.value)) return;
+
+    const toggleDark = () => {
+      mode.value = darkMode;
+      if (darken) {
+        document.documentElement.classList.add("dark");
+      } else {
+        document.documentElement.classList.remove("dark");
+      }
+    };
 
-    /**
-     * 判断主题类型在当前是否是深色模式
-     * @param darkMode - 主题类型
-     * @returns 是否是深色模式
-     */
-    function isDark(darkMode: DarkMode): boolean {
-        switch (darkMode) {
-            case "auto":
-                return usePreferredColorScheme().value == 'dark'
-            case "dark":
-                return true;
-            case "light":
-                return false;
-        }
-    }
+    // 添加过渡样式
+    const style = document.createElement("style");
+    document.head.appendChild(style);
 
-    /**
-     * 切换主题
-     * @param darkMode - 主题类型
-     * @param event - 点击事件
-     * @param transition - 过渡类型
-     * @param force - 是否强制切换（如果没有区别不切换，默认false）
-     */
-    function changeTheme(
-        darkMode: DarkMode,
-        event?: MouseEvent,
-        transition: DarkModeTransition = "viewTransition",
-        force: boolean = false,
-    ): void {
-        const darken = isDark(darkMode);
-        if (!force && darken == isDark(<DarkMode>mode.value)) return;
-
-        const toggleDark = () => {
-            mode.value = darkMode;
-            if (darken) {
-                document.documentElement.classList.add("dark");
-            } else {
-                document.documentElement.classList.remove("dark");
-            }
-        };
-
-        // 添加过渡样式
-        const style = document.createElement("style");
-        document.head.appendChild(style);
-
-        switch (transition) {
-            case "none":
-                // 禁用动画
-                style.innerHTML = `
+    switch (transition) {
+      case "none":
+        // 禁用动画
+        style.innerHTML = `
                 * {
                     transition: none !important;
                 }
                 `;
-                toggleDark();
-                break;
-            case "fade":
-                // 渐变动画
-                style.innerHTML = `
+        toggleDark();
+        break;
+      case "fade":
+        // 渐变动画
+        style.innerHTML = `
                 * {
                     transition: ease-in-out 0.5s !important;
                 }
                 `;
-                toggleDark();
-                break;
-            case "viewTransition":
-                // 扩散动画a
-                (() => {
-                    if (!(<MyDocument>document).startViewTransition) {
-                        // 浏览器不支持ViewTransition就使用渐变
-                        changeTheme(darkMode, event, "fade", force);
-                        return;
-                    }
-
-                    style.innerHTML = `
+        toggleDark();
+        break;
+      case "viewTransition":
+        // 扩散动画a
+        (() => {
+          if (!(<MyDocument>document).startViewTransition) {
+            // 浏览器不支持ViewTransition就使用渐变
+            changeTheme(darkMode, event, "fade", force);
+            return;
+          }
+
+          style.innerHTML = `
                         * {
                             transition: none !important;
                         }
                         `;
 
-                    // 加载过渡动画
-                    const viewTransition = (<MyDocument>document).startViewTransition(
-                        () => {
-                            toggleDark();
-                        },
-                    );
-
-                    // 从点击处(为null就屏幕中心)开始扩散
-                    const x = event?.clientX ?? window.innerWidth / 2;
-                    const y = event?.clientY ?? window.innerHeight / 2;
-
-                    const endRadius = Math.hypot(
-                        Math.max(x, innerWidth - x),
-                        Math.max(y, innerHeight - y),
-                    );
-                    viewTransition.ready.then(() => {
-                        const clipPath = [
-                            `circle(0px at ${x}px ${y}px)`,
-                            `circle(${endRadius}px at ${x}px ${y}px)`,
-                        ];
-                        document.documentElement.animate(
-                            {
-                                clipPath: darken ? clipPath : [...clipPath].reverse(),
-                            },
-                            {
-                                duration: 500,
-                                easing: "ease-in-out",
-                                pseudoElement: darken
-                                    ? "::view-transition-new(root)"
-                                    : "::view-transition-old(root)",
-                            },
-                        );
-                    });
-                })();
-                break;
-        }
-
-        // 移除过渡样式
-        setTimeout(() => style.remove(), 500);
+          // 加载过渡动画
+          const viewTransition = (<MyDocument>document).startViewTransition(
+            () => {
+              toggleDark();
+            },
+          );
+
+          // 从点击处(为null就屏幕中心)开始扩散
+          const x = event?.clientX ?? window.innerWidth / 2;
+          const y = event?.clientY ?? window.innerHeight / 2;
+
+          const endRadius = Math.hypot(
+            Math.max(x, innerWidth - x),
+            Math.max(y, innerHeight - y),
+          );
+          viewTransition.ready.then(() => {
+            const clipPath = [
+              `circle(0px at ${x}px ${y}px)`,
+              `circle(${endRadius}px at ${x}px ${y}px)`,
+            ];
+            document.documentElement.animate(
+              {
+                clipPath: darken ? clipPath : [...clipPath].reverse(),
+              },
+              {
+                duration: 500,
+                easing: "ease-in-out",
+                pseudoElement: darken
+                  ? "::view-transition-new(root)"
+                  : "::view-transition-old(root)",
+              },
+            );
+          });
+        })();
+        break;
     }
 
-    // 监听系统主题变更
-    window
-        .matchMedia("(prefers-color-scheme:dark)")
-        .addEventListener("change", () => {
-            if (mode.value == "auto") {
-                changeTheme(mode.value, undefined, "fade");
-            }
-        });
-
-    return {
-        mode,
-        isDark,
-        changeTheme,
-        loadTheme,
-    };
+    // 移除过渡样式
+    setTimeout(() => style.remove(), 500);
+  }
+
+  // 监听系统主题变更
+  window
+    .matchMedia("(prefers-color-scheme:dark)")
+    .addEventListener("change", () => {
+      if (mode.value == "auto") {
+        changeTheme(mode.value, undefined, "fade");
+      }
+    });
+
+  return {
+    mode,
+    isDark,
+    changeTheme,
+    loadTheme,
+  };
 });
 
 /* ========== [ 屏幕宽度 ]========== */
@@ -195,103 +195,107 @@ export const useDarkMode = defineStore("theme", () => {
 export type ScreenWidth = "lg" | "md" | "sm";
 
 export const useScreenWidth = defineStore("screenWidth", () => {
-    const width: Ref<ScreenWidth> = ref("sm");
-
-    const isMdOrBigger = computed(() => width.value != "sm");
-    const isMdOrSmaller = computed(() => width.value != "lg");
-
-    /**
-     * 检测（刷新）屏幕宽度
-     */
-    function detectScreenWidth() {
-        const screenWidth = window.innerWidth;
-        if (screenWidth >= 1024) {
-            width.value = "lg";
-        } else if (screenWidth >= 768) {
-            width.value = "md";
-        } else {
-            width.value = "sm";
-        }
+  const width: Ref<ScreenWidth> = ref("sm");
+
+  const isMdOrBigger = computed(() => width.value != "sm");
+  const isMdOrSmaller = computed(() => width.value != "lg");
+
+  /**
+   * 检测（刷新）屏幕宽度
+   */
+  function detectScreenWidth() {
+    const screenWidth = window.innerWidth;
+    if (screenWidth >= 1024) {
+      width.value = "lg";
+    } else if (screenWidth >= 768) {
+      width.value = "md";
+    } else {
+      width.value = "sm";
     }
+  }
 
-    // 监听屏幕宽度变化
-    detectScreenWidth();
-    window.addEventListener("resize", debounce(detectScreenWidth, 250));
+  // 监听屏幕宽度变化
+  detectScreenWidth();
+  window.addEventListener("resize", debounce(detectScreenWidth, 250));
 
-    return {
-        width,
-        isMdOrBigger,
-        isMdOrSmaller,
-    };
+  return {
+    width,
+    isMdOrBigger,
+    isMdOrSmaller,
+  };
 });
 
 /* ========== [ 语言 ]========== */
 export const useLocale = defineStore("locale", () => {
-    const locales = ["en-US", "zh-CN", "zh-MEME"];
-    const localeStorage = useLocalStorage("locale", "auto");
-    let messagesCache = {}
-    let composer: Composer | undefined = undefined;
-
-    function injectComposer(c: Composer) {
-        composer = c;
-    }
-
-    function getComposer() {
-        return composer!;
+  const locales = ["en-US", "zh-CN", "zh-MEME"];
+  const localeStorage = useLocalStorage("locale", "auto");
+  let messagesCache = {};
+  let composer: Composer | undefined = undefined;
+
+  function injectComposer(c: Composer) {
+    composer = c;
+  }
+
+  function getComposer() {
+    return composer!;
+  }
+
+  async function getConfig(messages: any = {}) {
+    const commonMessages: any = {};
+    for (const locale of locales) {
+      commonMessages[locale] = (
+        await import(`../assets/i18n/${locale}.json`)
+      ).default;
     }
-
-    async function getConfig(messages: any = {}) {
-        const commonMessages: any = {};
-        for (const locale of locales) {
-            commonMessages[locale] = (await import(`../assets/i18n/${locale}.json`)).default;
-        }
-        messagesCache = merge({}, commonMessages, messages)
-        return {
-            legacy: false,
-            locale: getLocaleValue(),
-            fallbackLocale: {
-                zh: ["zh-CN"],
-                "zh-TW": ["zh-CN"],
-                "zh-HK": ["zh-TW", "zh-CN"],
-                "zh-MEME": ["zh-CN"],
-                "zh-Hans": ["zh-CN"],
-                "zh-Hant": ["zh-TW", "zh-CN"],
-                default: ["en-US", "zh-CN"],
-            },
-            messages: messagesCache,
-        };
-    }
-
-    function getMessages() {
-        return messagesCache!;
-    }
-
-    /**
-     * 获取当前语言
-     * @returns 当前语言
-     */
-    function getLocaleValue() {
-        return getLocale(localeStorage.value)
-    }
-
-    function getLocale(locale: string) {
-        return locale == "auto" ? usePreferredLanguages().value[0] ?? "en-US" : locale;
-    }
-
-    function setLocale(locale: string) {
-        localeStorage.value = getLocale(locale);
-        getComposer().locale.value = getLocale(locale);
-    }
-
+    messagesCache = merge({}, commonMessages, messages);
     return {
-        locales,
-        localeStorage,
-        injectComposer,
-        getComposer,
-        getConfig,
-        getMessages,
-        getLocaleValue,
-        getLocale,
-        setLocale,
+      legacy: false,
+      locale: getLocaleValue(),
+      fallbackLocale: {
+        zh: ["zh-CN"],
+        "zh-TW": ["zh-CN"],
+        "zh-HK": ["zh-TW", "zh-CN"],
+        "zh-MEME": ["zh-CN"],
+        "zh-Hans": ["zh-CN"],
+        "zh-Hant": ["zh-TW", "zh-CN"],
+        default: ["en-US", "zh-CN"],
+      },
+      messages: messagesCache,
     };
+  }
+
+  function getMessages() {
+    return messagesCache!;
+  }
+
+  /**
+   * 获取当前语言
+   * @returns 当前语言
+   */
+  function getLocaleValue() {
+    return getLocale(localeStorage.value);
+  }
+
+  function getLocale(locale: string) {
+    return locale == "auto"
+      ? (usePreferredLanguages().value[0] ?? "en-US")
+      : locale;
+  }
+
+  function setLocale(locale: string) {
+    localeStorage.value = getLocale(locale);
+    getComposer().locale.value = getLocale(locale);
+  }
+
+  return {
+    locales,
+    localeStorage,
+    injectComposer,
+    getComposer,
+    getConfig,
+    getMessages,
+    getLocaleValue,
+    getLocale,
+    setLocale,
+  };
 });
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index c815b9b1..57fce6a5 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -81,6 +81,9 @@ importers:
 
   apps/web:
     dependencies:
+      '@nuxtjs/eslint-module':
+        specifier: ^4.1.0
+        version: 4.1.0(eslint@9.18.0(jiti@2.4.2))(magicast@0.3.5)(rollup@4.30.1)(vite@6.0.7(@types/node@20.17.6)(jiti@2.4.2)(terser@5.37.0)(yaml@2.7.0))(webpack@5.97.1(esbuild@0.24.2))
       '@nuxtjs/i18n':
         specifier: ^8.5.6
         version: 8.5.6(magicast@0.3.5)(rollup@4.30.1)(vue@3.5.13(typescript@5.7.3))
@@ -1036,6 +1039,11 @@ packages:
     peerDependencies:
       vue: ^3.3.4
 
+  '@nuxtjs/eslint-module@4.1.0':
+    resolution: {integrity: sha512-lW9ozEjOrnU8Uot3GOAZ/0ThNAds0d6UAp9n46TNxcTvH/MOcAggGbMNs16c0HYT2HlyPQvXORCHQ5+9p87mmw==}
+    peerDependencies:
+      eslint: '>=7'
+
   '@nuxtjs/i18n@8.5.6':
     resolution: {integrity: sha512-L+g+LygKNoaS/AXExk7tzS9wSNn9QdP1T9VdTjjEGYftpeFgv2U8AQsY0dQAhgPIbXXhIAkNYxTk4YcINj9CfA==}
     engines: {node: ^14.16.0 || >=16.11.0}
@@ -1235,6 +1243,10 @@ packages:
       rollup:
         optional: true
 
+  '@rollup/pluginutils@4.2.1':
+    resolution: {integrity: sha512-iKnFXr7NkdZAIHiIWE+BX5ULi/ucVFYWD6TbAV+rZctiRTY2PL6tsIKhoIOaoskiWAkgu+VsbXgUVDNLHf+InQ==}
+    engines: {node: '>= 8.0.0'}
+
   '@rollup/pluginutils@5.1.4':
     resolution: {integrity: sha512-USm05zrsFxYLPdWWq+K3STlWiT/3ELn3RcV5hJMghpeAIhxfsUIg6mt12CBJBInWMV4VneoV7SfGv8xIwo2qNQ==}
     engines: {node: '>=14.0.0'}
@@ -4044,6 +4056,11 @@ packages:
       rollup:
         optional: true
 
+  rollup@2.79.2:
+    resolution: {integrity: sha512-fS6iqSPZDs3dr/y7Od6y5nha8dW1YnbgtsyotCVvoFGKbERG++CVRFv1meyGDE1SNItQA8BrnCw7ScdAhRJ3XQ==}
+    engines: {node: '>=10.0.0'}
+    hasBin: true
+
   rollup@4.30.1:
     resolution: {integrity: sha512-mlJ4glW020fPuLi7DkM/lN97mYEZGWeqBnrljzN0gs7GLctqX3lNWxKQ7Gl712UAX+6fog/L3jh4gb7R6aVi3w==}
     engines: {node: '>=18.0.0', npm: '>=8.0.0'}
@@ -4650,6 +4667,12 @@ packages:
       vue-tsc:
         optional: true
 
+  vite-plugin-eslint@1.8.1:
+    resolution: {integrity: sha512-PqdMf3Y2fLO9FsNPmMX+//2BF5SF8nEWspZdgl4kSt7UvHDRHVVfHvxsD7ULYzZrJDGRxR81Nq7TOFgwMnUang==}
+    peerDependencies:
+      eslint: '>=7'
+      vite: '>=2'
+
   vite-plugin-inspect@0.8.9:
     resolution: {integrity: sha512-22/8qn+LYonzibb1VeFZmISdVao5kC22jmEKm24vfFE8siEn47EpVcCLYMv6iKOYMJfjSvSJfueOwcFCkUnV3A==}
     engines: {node: '>=14'}
@@ -5511,7 +5534,6 @@ snapshots:
   '@jest/schemas@29.6.3':
     dependencies:
       '@sinclair/typebox': 0.27.8
-    optional: true
 
   '@jest/types@29.6.3':
     dependencies:
@@ -5521,7 +5543,6 @@ snapshots:
       '@types/node': 20.17.6
       '@types/yargs': 17.0.33
       chalk: 4.1.2
-    optional: true
 
   '@jridgewell/gen-mapping@0.3.8':
     dependencies:
@@ -5861,6 +5882,21 @@ snapshots:
       - vue-tsc
       - yaml
 
+  '@nuxtjs/eslint-module@4.1.0(eslint@9.18.0(jiti@2.4.2))(magicast@0.3.5)(rollup@4.30.1)(vite@6.0.7(@types/node@20.17.6)(jiti@2.4.2)(terser@5.37.0)(yaml@2.7.0))(webpack@5.97.1(esbuild@0.24.2))':
+    dependencies:
+      '@nuxt/kit': 3.15.1(magicast@0.3.5)(rollup@4.30.1)
+      chokidar: 3.6.0
+      eslint: 9.18.0(jiti@2.4.2)
+      eslint-webpack-plugin: 4.2.0(eslint@9.18.0(jiti@2.4.2))(webpack@5.97.1(esbuild@0.24.2))
+      pathe: 1.1.2
+      vite-plugin-eslint: 1.8.1(eslint@9.18.0(jiti@2.4.2))(vite@6.0.7(@types/node@20.17.6)(jiti@2.4.2)(terser@5.37.0)(yaml@2.7.0))
+    transitivePeerDependencies:
+      - magicast
+      - rollup
+      - supports-color
+      - vite
+      - webpack
+
   '@nuxtjs/i18n@8.5.6(magicast@0.3.5)(rollup@4.30.1)(vue@3.5.13(typescript@5.7.3))':
     dependencies:
       '@intlify/h3': 0.5.0
@@ -6070,6 +6106,11 @@ snapshots:
     optionalDependencies:
       rollup: 4.30.1
 
+  '@rollup/pluginutils@4.2.1':
+    dependencies:
+      estree-walker: 2.0.2
+      picomatch: 2.3.1
+
   '@rollup/pluginutils@5.1.4(rollup@4.30.1)':
     dependencies:
       '@types/estree': 1.0.6
@@ -6135,8 +6176,7 @@ snapshots:
   '@rollup/rollup-win32-x64-msvc@4.30.1':
     optional: true
 
-  '@sinclair/typebox@0.27.8':
-    optional: true
+  '@sinclair/typebox@0.27.8': {}
 
   '@sindresorhus/merge-streams@2.3.0': {}
 
@@ -6221,19 +6261,16 @@ snapshots:
     dependencies:
       '@types/eslint': 9.6.1
       '@types/estree': 1.0.6
-    optional: true
 
   '@types/eslint@8.56.12':
     dependencies:
       '@types/estree': 1.0.6
       '@types/json-schema': 7.0.15
-    optional: true
 
   '@types/eslint@9.6.1':
     dependencies:
       '@types/estree': 1.0.6
       '@types/json-schema': 7.0.15
-    optional: true
 
   '@types/estree@1.0.6': {}
 
@@ -6246,18 +6283,15 @@ snapshots:
     dependencies:
       '@types/node': 20.17.6
 
-  '@types/istanbul-lib-coverage@2.0.6':
-    optional: true
+  '@types/istanbul-lib-coverage@2.0.6': {}
 
   '@types/istanbul-lib-report@3.0.3':
     dependencies:
       '@types/istanbul-lib-coverage': 2.0.6
-    optional: true
 
   '@types/istanbul-reports@3.0.4':
     dependencies:
       '@types/istanbul-lib-report': 3.0.3
-    optional: true
 
   '@types/json-schema@7.0.15': {}
 
@@ -6293,13 +6327,11 @@ snapshots:
 
   '@types/web-bluetooth@0.0.20': {}
 
-  '@types/yargs-parser@21.0.3':
-    optional: true
+  '@types/yargs-parser@21.0.3': {}
 
   '@types/yargs@17.0.33':
     dependencies:
       '@types/yargs-parser': 21.0.3
-    optional: true
 
   '@typescript-eslint/eslint-plugin@8.19.1(@typescript-eslint/parser@8.19.1(eslint@9.18.0(jiti@2.4.2))(typescript@5.7.3))(eslint@9.18.0(jiti@2.4.2))(typescript@5.7.3)':
     dependencies:
@@ -6721,26 +6753,20 @@ snapshots:
     dependencies:
       '@webassemblyjs/helper-numbers': 1.13.2
       '@webassemblyjs/helper-wasm-bytecode': 1.13.2
-    optional: true
 
-  '@webassemblyjs/floating-point-hex-parser@1.13.2':
-    optional: true
+  '@webassemblyjs/floating-point-hex-parser@1.13.2': {}
 
-  '@webassemblyjs/helper-api-error@1.13.2':
-    optional: true
+  '@webassemblyjs/helper-api-error@1.13.2': {}
 
-  '@webassemblyjs/helper-buffer@1.14.1':
-    optional: true
+  '@webassemblyjs/helper-buffer@1.14.1': {}
 
   '@webassemblyjs/helper-numbers@1.13.2':
     dependencies:
       '@webassemblyjs/floating-point-hex-parser': 1.13.2
       '@webassemblyjs/helper-api-error': 1.13.2
       '@xtuc/long': 4.2.2
-    optional: true
 
-  '@webassemblyjs/helper-wasm-bytecode@1.13.2':
-    optional: true
+  '@webassemblyjs/helper-wasm-bytecode@1.13.2': {}
 
   '@webassemblyjs/helper-wasm-section@1.14.1':
     dependencies:
@@ -6748,20 +6774,16 @@ snapshots:
       '@webassemblyjs/helper-buffer': 1.14.1
       '@webassemblyjs/helper-wasm-bytecode': 1.13.2
       '@webassemblyjs/wasm-gen': 1.14.1
-    optional: true
 
   '@webassemblyjs/ieee754@1.13.2':
     dependencies:
       '@xtuc/ieee754': 1.2.0
-    optional: true
 
   '@webassemblyjs/leb128@1.13.2':
     dependencies:
       '@xtuc/long': 4.2.2
-    optional: true
 
-  '@webassemblyjs/utf8@1.13.2':
-    optional: true
+  '@webassemblyjs/utf8@1.13.2': {}
 
   '@webassemblyjs/wasm-edit@1.14.1':
     dependencies:
@@ -6773,7 +6795,6 @@ snapshots:
       '@webassemblyjs/wasm-opt': 1.14.1
       '@webassemblyjs/wasm-parser': 1.14.1
       '@webassemblyjs/wast-printer': 1.14.1
-    optional: true
 
   '@webassemblyjs/wasm-gen@1.14.1':
     dependencies:
@@ -6782,7 +6803,6 @@ snapshots:
       '@webassemblyjs/ieee754': 1.13.2
       '@webassemblyjs/leb128': 1.13.2
       '@webassemblyjs/utf8': 1.13.2
-    optional: true
 
   '@webassemblyjs/wasm-opt@1.14.1':
     dependencies:
@@ -6790,7 +6810,6 @@ snapshots:
       '@webassemblyjs/helper-buffer': 1.14.1
       '@webassemblyjs/wasm-gen': 1.14.1
       '@webassemblyjs/wasm-parser': 1.14.1
-    optional: true
 
   '@webassemblyjs/wasm-parser@1.14.1':
     dependencies:
@@ -6800,19 +6819,15 @@ snapshots:
       '@webassemblyjs/ieee754': 1.13.2
       '@webassemblyjs/leb128': 1.13.2
       '@webassemblyjs/utf8': 1.13.2
-    optional: true
 
   '@webassemblyjs/wast-printer@1.14.1':
     dependencies:
       '@webassemblyjs/ast': 1.14.1
       '@xtuc/long': 4.2.2
-    optional: true
 
-  '@xtuc/ieee754@1.2.0':
-    optional: true
+  '@xtuc/ieee754@1.2.0': {}
 
-  '@xtuc/long@4.2.2':
-    optional: true
+  '@xtuc/long@4.2.2': {}
 
   abbrev@2.0.0: {}
 
@@ -6839,18 +6854,15 @@ snapshots:
   ajv-formats@2.1.1(ajv@8.17.1):
     optionalDependencies:
       ajv: 8.17.1
-    optional: true
 
   ajv-keywords@3.5.2(ajv@6.12.6):
     dependencies:
       ajv: 6.12.6
-    optional: true
 
   ajv-keywords@5.1.0(ajv@8.17.1):
     dependencies:
       ajv: 8.17.1
       fast-deep-equal: 3.1.3
-    optional: true
 
   ajv@6.12.6:
     dependencies:
@@ -6865,7 +6877,6 @@ snapshots:
       fast-uri: 3.0.5
       json-schema-traverse: 1.0.0
       require-from-string: 2.0.2
-    optional: true
 
   alien-signals@0.4.14: {}
 
@@ -7074,11 +7085,9 @@ snapshots:
 
   chownr@3.0.0: {}
 
-  chrome-trace-event@1.0.4:
-    optional: true
+  chrome-trace-event@1.0.4: {}
 
-  ci-info@3.9.0:
-    optional: true
+  ci-info@3.9.0: {}
 
   ci-info@4.1.0: {}
 
@@ -7635,7 +7644,6 @@ snapshots:
     dependencies:
       esrecurse: 4.3.0
       estraverse: 4.3.0
-    optional: true
 
   eslint-scope@7.2.2:
     dependencies:
@@ -7666,7 +7674,6 @@ snapshots:
       normalize-path: 3.0.0
       schema-utils: 4.3.0
       webpack: 5.97.1(esbuild@0.24.2)
-    optional: true
 
   eslint@9.18.0(jiti@2.4.2):
     dependencies:
@@ -7731,8 +7738,7 @@ snapshots:
     dependencies:
       estraverse: 5.3.0
 
-  estraverse@4.3.0:
-    optional: true
+  estraverse@4.3.0: {}
 
   estraverse@5.3.0: {}
 
@@ -7801,8 +7807,7 @@ snapshots:
 
   fast-npm-meta@0.2.2: {}
 
-  fast-uri@3.0.5:
-    optional: true
+  fast-uri@3.0.5: {}
 
   fastq@1.17.1:
     dependencies:
@@ -7925,8 +7930,7 @@ snapshots:
     dependencies:
       is-glob: 4.0.3
 
-  glob-to-regexp@0.4.1:
-    optional: true
+  glob-to-regexp@0.4.1: {}
 
   glob@10.4.5:
     dependencies:
@@ -8170,14 +8174,12 @@ snapshots:
       ci-info: 3.9.0
       graceful-fs: 4.2.11
       picomatch: 2.3.1
-    optional: true
 
   jest-worker@27.5.1:
     dependencies:
       '@types/node': 20.17.6
       merge-stream: 2.0.0
       supports-color: 8.1.1
-    optional: true
 
   jest-worker@29.7.0:
     dependencies:
@@ -8185,7 +8187,6 @@ snapshots:
       jest-util: 29.7.0
       merge-stream: 2.0.0
       supports-color: 8.1.1
-    optional: true
 
   jiti@2.4.2: {}
 
@@ -8312,8 +8313,7 @@ snapshots:
 
   load-tsconfig@0.2.5: {}
 
-  loader-runner@4.3.0:
-    optional: true
+  loader-runner@4.3.0: {}
 
   local-pkg@0.5.1:
     dependencies:
@@ -8493,8 +8493,7 @@ snapshots:
 
   natural-compare@1.4.0: {}
 
-  neo-async@2.6.2:
-    optional: true
+  neo-async@2.6.2: {}
 
   nitropack@2.10.4(typescript@5.7.3):
     dependencies:
@@ -9276,6 +9275,10 @@ snapshots:
     optionalDependencies:
       rollup: 4.30.1
 
+  rollup@2.79.2:
+    optionalDependencies:
+      fsevents: 2.3.3
+
   rollup@4.30.1:
     dependencies:
       '@types/estree': 1.0.6
@@ -9316,7 +9319,6 @@ snapshots:
       '@types/json-schema': 7.0.15
       ajv: 6.12.6
       ajv-keywords: 3.5.2(ajv@6.12.6)
-    optional: true
 
   schema-utils@4.3.0:
     dependencies:
@@ -9324,7 +9326,6 @@ snapshots:
       ajv: 8.17.1
       ajv-formats: 2.1.1(ajv@8.17.1)
       ajv-keywords: 5.1.0(ajv@8.17.1)
-    optional: true
 
   scslre@0.3.0:
     dependencies:
@@ -9526,7 +9527,6 @@ snapshots:
   supports-color@8.1.1:
     dependencies:
       has-flag: 4.0.0
-    optional: true
 
   supports-color@9.4.0: {}
 
@@ -9587,7 +9587,6 @@ snapshots:
       webpack: 5.97.1(esbuild@0.24.2)
     optionalDependencies:
       esbuild: 0.24.2
-    optional: true
 
   terser@5.37.0:
     dependencies:
@@ -9907,6 +9906,14 @@ snapshots:
       optionator: 0.9.4
       typescript: 5.7.3
 
+  vite-plugin-eslint@1.8.1(eslint@9.18.0(jiti@2.4.2))(vite@6.0.7(@types/node@20.17.6)(jiti@2.4.2)(terser@5.37.0)(yaml@2.7.0)):
+    dependencies:
+      '@rollup/pluginutils': 4.2.1
+      '@types/eslint': 8.56.12
+      eslint: 9.18.0(jiti@2.4.2)
+      rollup: 2.79.2
+      vite: 6.0.7(@types/node@20.17.6)(jiti@2.4.2)(terser@5.37.0)(yaml@2.7.0)
+
   vite-plugin-inspect@0.8.9(@nuxt/kit@3.15.1(magicast@0.3.5)(rollup@4.30.1))(rollup@4.30.1)(vite@6.0.7(@types/node@20.17.6)(jiti@2.4.2)(terser@5.37.0)(yaml@2.7.0)):
     dependencies:
       '@antfu/utils': 0.7.10
@@ -10073,12 +10080,10 @@ snapshots:
     dependencies:
       glob-to-regexp: 0.4.1
       graceful-fs: 4.2.11
-    optional: true
 
   webidl-conversions@3.0.1: {}
 
-  webpack-sources@3.2.3:
-    optional: true
+  webpack-sources@3.2.3: {}
 
   webpack-virtual-modules@0.6.2: {}
 
@@ -10111,7 +10116,6 @@ snapshots:
       - '@swc/core'
       - esbuild
       - uglify-js
-    optional: true
 
   whatwg-url@5.0.0:
     dependencies:
diff --git a/turbo.json b/turbo.json
index 9bb087a9..53e04bf7 100644
--- a/turbo.json
+++ b/turbo.json
@@ -10,6 +10,9 @@
     "lint": {
       "dependsOn": ["^lint"]
     },
+    "fix": {
+      "dependsOn": ["^fix"]
+    },
     "test": {
       "dependsOn": ["^test"]
     },