diff --git a/src/auto-imports.d.ts b/src/auto-imports.d.ts
index 5e30355b..d0edda1b 100644
--- a/src/auto-imports.d.ts
+++ b/src/auto-imports.d.ts
@@ -2,6 +2,7 @@
 export {}
 declare global {
   const EffectScope: typeof import('vue')['EffectScope']
+  const ElLoading: typeof import('element-plus/es')['ElLoading']
   const ElMessage: typeof import('element-plus/es')['ElMessage']
   const ElNotification: typeof import('element-plus/es')['ElNotification']
   const acceptHMRUpdate: typeof import('pinia')['acceptHMRUpdate']
diff --git a/src/layouts/components/BuyIt/index.vue b/src/layouts/components/BuyIt/index.vue
index 5e757e3a..6ea23b99 100644
--- a/src/layouts/components/BuyIt/index.vue
+++ b/src/layouts/components/BuyIt/index.vue
@@ -16,6 +16,16 @@ onMounted(() => {
     position: 'bottom-right',
     duration: 5000,
   })
+
+  setTimeout(() => {
+    ElNotification({
+      type: 'info',
+      title: 'TypeScript 支持',
+      message: 'Fantastic-admin 现已支持 TypeScript',
+      position: 'bottom-right',
+      duration: 3000,
+    })
+  }, 0)
 })
 
 function open(url: string) {
diff --git a/src/router/modules/component.basic.example.ts b/src/router/modules/component.basic.example.ts
index d854cf11..ccaf17b4 100644
--- a/src/router/modules/component.basic.example.ts
+++ b/src/router/modules/component.basic.example.ts
@@ -12,6 +12,14 @@ const routes: Route.recordRaw = {
     icon: 'ep:element-plus',
   },
   children: [
+    {
+      path: 'icon',
+      name: 'componentBasicExampleIcon',
+      component: () => import('@/views/component_basic_example/icon.vue'),
+      meta: {
+        title: '图标',
+      },
+    },
     {
       path: 'button',
       name: 'componentBasicExampleButton',
@@ -57,7 +65,7 @@ const routes: Route.recordRaw = {
       name: 'componentBasicExampleInputnumber',
       component: () => import('@/views/component_basic_example/inputnumber.vue'),
       meta: {
-        title: '计数器',
+        title: '数字输入框',
       },
     },
     {
diff --git a/src/store/modules/user.ts b/src/store/modules/user.ts
index 1fdd5ec5..abeba47c 100644
--- a/src/store/modules/user.ts
+++ b/src/store/modules/user.ts
@@ -10,7 +10,7 @@ const useUserStore = defineStore(
       account: localStorage.account || '',
       token: localStorage.token || '',
       failure_time: localStorage.failure_time || '',
-      permissions: [],
+      permissions: [] as string[],
     }),
     getters: {
       isLogin: (state) => {
diff --git a/src/views/component_basic_example/button.vue b/src/views/component_basic_example/button.vue
index d1f41211..434ade7a 100644
--- a/src/views/component_basic_example/button.vue
+++ b/src/views/component_basic_example/button.vue
@@ -74,42 +74,42 @@ import Alert from './components/alert.vue'
         <el-button circle>
           <template #icon>
             <el-icon>
-              <svg-icon name="i-ep:search" />
+              <svg-icon name="ep:search" />
             </el-icon>
           </template>
         </el-button>
         <el-button type="primary" circle>
           <template #icon>
             <el-icon>
-              <svg-icon name="i-ep:edit" />
+              <svg-icon name="ep:edit" />
             </el-icon>
           </template>
         </el-button>
         <el-button type="success" circle>
           <template #icon>
             <el-icon>
-              <svg-icon name="i-ep:check" />
+              <svg-icon name="ep:check" />
             </el-icon>
           </template>
         </el-button>
         <el-button type="info" circle>
           <template #icon>
             <el-icon>
-              <svg-icon name="i-ep:message" />
+              <svg-icon name="ep:message" />
             </el-icon>
           </template>
         </el-button>
         <el-button type="warning" circle>
           <template #icon>
             <el-icon>
-              <svg-icon name="i-ep:star" />
+              <svg-icon name="ep:star" />
             </el-icon>
           </template>
         </el-button>
         <el-button type="danger" circle>
           <template #icon>
             <el-icon>
-              <svg-icon name="i-ep:delete" />
+              <svg-icon name="ep:delete" />
             </el-icon>
           </template>
         </el-button>
@@ -181,28 +181,28 @@ import Alert from './components/alert.vue'
       <el-button type="primary">
         <template #icon>
           <el-icon>
-            <svg-icon name="i-ep:edit" />
+            <svg-icon name="ep:edit" />
           </el-icon>
         </template>
       </el-button>
       <el-button type="primary">
         <template #icon>
           <el-icon>
-            <svg-icon name="i-ep:share" />
+            <svg-icon name="ep:share" />
           </el-icon>
         </template>
       </el-button>
       <el-button type="primary">
         <template #icon>
           <el-icon>
-            <svg-icon name="i-ep:delete" />
+            <svg-icon name="ep:delete" />
           </el-icon>
         </template>
       </el-button>
       <el-button type="primary">
         <template #icon>
           <el-icon>
-            <svg-icon name="i-ep:search" />
+            <svg-icon name="ep:search" />
           </el-icon>
         </template>
         搜索
@@ -210,7 +210,7 @@ import Alert from './components/alert.vue'
       <el-button type="primary">
         上传
         <el-icon class="el-icon--right">
-          <svg-icon name="i-ep:upload" />
+          <svg-icon name="ep:upload" />
         </el-icon>
       </el-button>
     </page-main>
@@ -218,14 +218,14 @@ import Alert from './components/alert.vue'
       <el-button-group style="margin-right: 10px;">
         <el-button type="primary">
           <el-icon class="el-icon--left">
-            <svg-icon name="i-ep:arrow-left" />
+            <svg-icon name="ep:arrow-left" />
           </el-icon>
           上一页
         </el-button>
         <el-button type="primary">
           下一页
           <el-icon class="el-icon--right">
-            <svg-icon name="i-ep:arrow-right" />
+            <svg-icon name="ep:arrow-right" />
           </el-icon>
         </el-button>
       </el-button-group>
@@ -233,21 +233,21 @@ import Alert from './components/alert.vue'
         <el-button type="primary">
           <template #icon>
             <el-icon>
-              <svg-icon name="i-ep:edit" />
+              <svg-icon name="ep:edit" />
             </el-icon>
           </template>
         </el-button>
         <el-button type="primary">
           <template #icon>
             <el-icon>
-              <svg-icon name="i-ep:share" />
+              <svg-icon name="ep:share" />
             </el-icon>
           </template>
         </el-button>
         <el-button type="primary">
           <template #icon>
             <el-icon>
-              <svg-icon name="i-ep:delete" />
+              <svg-icon name="ep:delete" />
             </el-icon>
           </template>
         </el-button>
diff --git a/src/views/component_basic_example/icon.vue b/src/views/component_basic_example/icon.vue
index f68468dc..7262674a 100644
--- a/src/views/component_basic_example/icon.vue
+++ b/src/views/component_basic_example/icon.vue
@@ -5,9 +5,6 @@ meta:
 
 <script lang="ts" setup>
 import Alert from './components/alert.vue'
-import { icons } from '@/iconify'
-
-const icon = icons.filter(item => item.prefix === 'ep')[0]
 </script>
 
 <template>
@@ -15,27 +12,18 @@ const icon = icons.filter(item => item.prefix === 'ep')[0]
     <Alert />
     <page-header title="图标" />
     <page-main class="demo">
-      <el-icon><svg-icon name="i-ep:edit" /></el-icon>
-      <el-icon><svg-icon name="i-ep:share" /></el-icon>
-      <el-icon><svg-icon name="i-ep:delete" /></el-icon>
+      <el-icon><svg-icon name="ep:edit" /></el-icon>
+      <el-icon><svg-icon name="ep:share" /></el-icon>
+      <el-icon><svg-icon name="ep:delete" /></el-icon>
       <el-button type="primary">
         <template #icon>
           <el-icon>
-            <svg-icon name="i-ep:search" />
+            <svg-icon name="ep:search" />
           </el-icon>
         </template>
         搜索
       </el-button>
     </page-main>
-    <page-main title="图标集合">
-      <div v-for="(item, index) in icon.icons" :key="index" class="list-icon">
-        <el-tooltip class="item" effect="dark" :content="`ep:${item}`" placement="top">
-          <el-icon>
-            <svg-icon :name="`ep:${item}`" />
-          </el-icon>
-        </el-tooltip>
-      </div>
-    </page-main>
   </div>
 </template>