diff --git a/index.html b/index.html
index 26c5f538..94149ce8 100644
--- a/index.html
+++ b/index.html
@@ -48,6 +48,8 @@
   </head>
   <body>
     <div id="app"><!--app-html--></div>
-    <script type="module" src="/src/main.ts"></script>
+<!--    <script type="module" src="/src/main.ts"></script>-->
+    <script type="module" src="/src/entry-client.ts"></script>
+
   </body>
 </html>
diff --git a/public/humans.txt b/public/humans.txt
index d5d49e2b..eb564219 100644
--- a/public/humans.txt
+++ b/public/humans.txt
@@ -1,4 +1,4 @@
 /* TEAM */
-Developer: Corentin Thomasset
-Site: https://github.com/CorentinTh
-Twitter: @cthmsst
\ No newline at end of file
+Developer: Ne0
+Site: https://github.com/zeeklog
+Twitter: @neo2028
diff --git a/src/App.vue b/src/App.vue
index 8e65335d..4b3ab337 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -18,6 +18,10 @@ syncRef(
   locale,
   useStorage('locale', locale),
 );
+
+onMounted(() => {
+  console.log('APP MOUNTED');
+});
 </script>
 
 <template>
diff --git a/src/entry-client.ts b/src/entry-client.ts
index 217f7022..8eabf33a 100644
--- a/src/entry-client.ts
+++ b/src/entry-client.ts
@@ -30,5 +30,9 @@ app.use(plausible);
 app.use(naive);
 
 router.isReady().then(() => {
+  console.log('---- Router is ready, now mounting the app...');
   app.mount('#app', true);
+  console.log('---- App has been mounted successfully.');
+}).catch((err) => {
+  console.log(err);
 });
diff --git a/src/layouts/base.layout.vue b/src/layouts/base.layout.vue
index 62ac5113..793b0eba 100644
--- a/src/layouts/base.layout.vue
+++ b/src/layouts/base.layout.vue
@@ -8,6 +8,11 @@ import { storeToRefs } from 'pinia';
 import HeroGradient from '../assets/hero-gradient.svg?component';
 import MenuLayout from '../components/MenuLayout.vue';
 import NavbarButtons from '../components/NavbarButtons.vue';
+import CLink from '@/ui/c-link/c-link.vue';
+import CTooltip from '@/ui/c-tooltip/c-tooltip.vue';
+import CButton from '@/ui/c-button/c-button.vue';
+import CommandPalette from '@/modules/command-palette/command-palette.vue';
+import LocaleSelector from '@/modules/i18n/components/locale-selector.vue';
 import { useStyleStore } from '@/stores/style.store';
 import { config } from '@/config';
 import type { ToolCategory } from '@/tools/tools.types';
@@ -50,7 +55,7 @@ const tools = computed<ToolCategory[]>(() => [
 
       <div class="sider-content">
         <div v-if="styleStore.isSmallScreen" flex flex-col items-center>
-          <locale-selector w="90%" />
+          <LocaleSelector w="90%" />
 
           <div flex justify-center>
             <NavbarButtons />
@@ -63,27 +68,27 @@ const tools = computed<ToolCategory[]>(() => [
           <div>
             IT-Tools
 
-            <c-link target="_blank" rel="noopener" :href="`https://github.com/CorentinTh/it-tools/tree/v${version}`">
+            <CLink target="_blank" rel="noopener" :href="`https://github.com/CorentinTh/it-tools/tree/v${version}`">
               v{{ version }}
-            </c-link>
+            </CLink>
 
             <template v-if="commitSha && commitSha.length > 0">
               -
-              <c-link
+              <CLink
                 target="_blank"
                 rel="noopener"
                 type="primary"
                 :href="`https://github.com/CorentinTh/it-tools/tree/${commitSha}`"
               >
                 {{ commitSha }}
-              </c-link>
+              </CLink>
             </template>
           </div>
           <div>
             © {{ new Date().getFullYear() }}
-            <c-link target="_blank" rel="noopener" href="https://github.com/CorentinTh">
+            <CLink target="_blank" rel="noopener" href="https://github.com/CorentinTh">
               Corentin Thomasset
-            </c-link>
+            </CLink>
           </div>
         </div>
       </div>
@@ -91,37 +96,37 @@ const tools = computed<ToolCategory[]>(() => [
 
     <template #content>
       <div flex items-center justify-center gap-2>
-        <c-button
+        <CButton
           circle
           variant="text"
           :aria-label="$t('home.toggleMenu')"
           @click="styleStore.isMenuCollapsed = !styleStore.isMenuCollapsed"
         >
           <NIcon size="25" :component="Menu2" />
-        </c-button>
+        </CButton>
 
-        <c-tooltip :tooltip="$t('home.home')" position="bottom">
-          <c-button to="/" circle variant="text" :aria-label="$t('home.home')">
+        <CTooltip :tooltip="$t('home.home')" position="bottom">
+          <CButton to="/" circle variant="text" :aria-label="$t('home.home')">
             <NIcon size="25" :component="Home2" />
-          </c-button>
-        </c-tooltip>
+          </CButton>
+        </CTooltip>
 
-        <c-tooltip :tooltip="$t('home.uiLib')" position="bottom">
-          <c-button v-if="config.app.env === 'development'" to="/c-lib" circle variant="text" :aria-label="$t('home.uiLib')">
+        <CTooltip :tooltip="$t('home.uiLib')" position="bottom">
+          <CButton v-if="config.app.env === 'development'" to="/c-lib" circle variant="text" :aria-label="$t('home.uiLib')">
             <icon-mdi:brush-variant text-20px />
-          </c-button>
-        </c-tooltip>
+          </CButton>
+        </CTooltip>
 
-        <command-palette />
+        <CommandPalette />
 
-        <locale-selector v-if="!styleStore.isSmallScreen" />
+        <LocaleSelector v-if="!styleStore.isSmallScreen" />
 
         <div>
           <NavbarButtons v-if="!styleStore.isSmallScreen" />
         </div>
 
-        <c-tooltip position="bottom" :tooltip="$t('home.support')">
-          <c-button
+        <CTooltip position="bottom" :tooltip="$t('home.support')">
+          <CButton
             round
             href="https://www.buymeacoffee.com/cthmsst"
             rel="noopener"
@@ -132,8 +137,8 @@ const tools = computed<ToolCategory[]>(() => [
           >
             {{ $t('home.buyMeACoffee') }}
             <NIcon v-if="!styleStore.isSmallScreen" :component="Heart" ml-2 />
-          </c-button>
-        </c-tooltip>
+          </CButton>
+        </CTooltip>
       </div>
       <slot />
     </template>
diff --git a/src/tools/token-generator/token-generator.tool.vue b/src/tools/token-generator/token-generator.tool.vue
index fe53edcd..bbce856b 100644
--- a/src/tools/token-generator/token-generator.tool.vue
+++ b/src/tools/token-generator/token-generator.tool.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import { createToken } from './token-generator.service';
+import CInputText from '@/ui/c-input-text/c-input-text.vue';
 import { useCopy } from '@/composable/copy';
 import { useQueryParam } from '@/composable/queryParams';
 import { computedRefreshable } from '@/composable/computedRefreshable';
@@ -55,7 +56,7 @@ const { copy } = useCopy({ source: token, text: t('tools.token-generator.copied'
         <n-slider v-model:value="length" :step="1" :min="1" :max="512" />
       </n-form-item>
 
-      <c-input-text
+      <CInputText
         v-model:value="token"
         multiline
         :placeholder="t('tools.token-generator.tokenPlaceholder')"
diff --git a/vite.config.ts b/vite.config.ts
index 4fe0ff6a..c63da327 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -11,6 +11,7 @@ import Icons from 'unplugin-icons/vite';
 import { NaiveUiResolver } from 'unplugin-vue-components/resolvers';
 import Components from 'unplugin-vue-components/vite';
 import { defineConfig } from 'vite';
+
 // import { VitePWA } from 'vite-plugin-pwa';
 import markdown from 'vite-plugin-vue-markdown';
 import svgLoader from 'vite-svg-loader';
@@ -114,5 +115,13 @@ export default defineConfig({
   },
   build: {
     target: 'esnext',
+    rollupOptions: {
+      // 指定入口文件
+      input: {
+        main: './src/entry-client.ts',
+        // 你也可以在这里指定服务器端入口，例如：
+        server: './src/entry-server.ts',
+      },
+    },
   },
 });
