diff --git a/.eslintrc-auto-import.json b/.eslintrc-auto-import.json
new file mode 100644
index 00000000..9dffc564
--- /dev/null
+++ b/.eslintrc-auto-import.json
@@ -0,0 +1,83 @@
+{
+  "globals": {
+    "Component": true,
+    "ComponentPublicInstance": true,
+    "ComputedRef": true,
+    "EffectScope": true,
+    "ExtractDefaultPropTypes": true,
+    "ExtractPropTypes": true,
+    "ExtractPublicPropTypes": true,
+    "InjectionKey": true,
+    "PropType": true,
+    "Ref": true,
+    "VNode": true,
+    "WritableComputedRef": true,
+    "acceptHMRUpdate": true,
+    "computed": true,
+    "createApp": true,
+    "createPinia": true,
+    "customRef": true,
+    "defineAsyncComponent": true,
+    "defineComponent": true,
+    "defineStore": true,
+    "effectScope": true,
+    "getActivePinia": true,
+    "getCurrentInstance": true,
+    "getCurrentScope": true,
+    "h": true,
+    "inject": true,
+    "isProxy": true,
+    "isReactive": true,
+    "isReadonly": true,
+    "isRef": true,
+    "mapActions": true,
+    "mapGetters": true,
+    "mapState": true,
+    "mapStores": true,
+    "mapWritableState": true,
+    "markRaw": true,
+    "nextTick": true,
+    "onActivated": true,
+    "onBeforeMount": true,
+    "onBeforeUnmount": true,
+    "onBeforeUpdate": true,
+    "onDeactivated": true,
+    "onErrorCaptured": true,
+    "onMounted": true,
+    "onRenderTracked": true,
+    "onRenderTriggered": true,
+    "onScopeDispose": true,
+    "onServerPrefetch": true,
+    "onUnmounted": true,
+    "onUpdated": true,
+    "provide": true,
+    "reactive": true,
+    "readonly": true,
+    "ref": true,
+    "resolveComponent": true,
+    "setActivePinia": true,
+    "setMapStoreSuffix": true,
+    "shallowReactive": true,
+    "shallowReadonly": true,
+    "shallowRef": true,
+    "storeToRefs": true,
+    "toRaw": true,
+    "toRef": true,
+    "toRefs": true,
+    "toValue": true,
+    "triggerRef": true,
+    "unref": true,
+    "useAttrs": true,
+    "useCssModule": true,
+    "useCssVars": true,
+    "useSlots": true,
+    "watch": true,
+    "watchEffect": true,
+    "watchPostEffect": true,
+    "watchSyncEffect": true,
+    "useData": true,
+    "useRoute": true,
+    "useRouter": true,
+    "withBase": true
+  }
+}
diff --git a/.github/workflows/deploy.yml b/.github/workflows/deploy.yml
index 30e9beee..b66078cb 100644
--- a/.github/workflows/deploy.yml
+++ b/.github/workflows/deploy.yml
@@ -14,10 +14,10 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: Checkout 🛎️
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4
 
       - name: Install pnpm 📥
-        uses: pnpm/action-setup@v2
+        uses: pnpm/action-setup@v3
         with:
           version: 8
           run_install: |
diff --git a/.github/workflows/release.yml b/.github/workflows/release.yml
index 5ddc8b99..d58fde46 100644
--- a/.github/workflows/release.yml
+++ b/.github/workflows/release.yml
@@ -13,8 +13,7 @@ jobs:
   release-please:
     runs-on: ubuntu-latest
     steps:
-      - uses: google-github-actions/release-please-action@v3
+      - uses: google-github-actions/release-please-action@v4
         with:
           release-type: node
-          package-name: release-please-action
           token: ${{ secrets.ACCESS_TOKEN }}
diff --git a/eslint.config.js b/eslint.config.js
index 9593768b..6f6f3f77 100644
--- a/eslint.config.js
+++ b/eslint.config.js
@@ -1,30 +1,38 @@
 import antfu from '@antfu/eslint-config'
+import { createRequire } from 'node:module'
 
-export default antfu({
-  typescript: false,
-  markdown: false,
-  ignores: [
-    'node_modules',
-    'src/notes/public',
-    'dist',
-    'index.html',
-  ],
-}, {
-  rules: {
-    'jsdoc/check-param-names': 'off',
-    'jsdoc/check-types': 'off',
-    'jsdoc/require-returns-description': 'off',
+const require = createRequire(import.meta.url)
 
-    'node/prefer-global/process': 'off',
+const autoImport = require('./.eslintrc-auto-import.json')
 
-    'no-console': 'off',
-    'curly': 'off',
-    'eqeqeq': 'off',
-    'no-unused-vars': 'off',
+export default antfu(
+  {
+    typescript: false,
+    markdown: false,
+    ignores: ['node_modules', 'src/notes/public', 'dist', 'index.html'],
+  },
+  {
+    languageOptions: {
+      globals: {
+        ...autoImport.globals,
+      },
+    },
+    rules: {
+      'jsdoc/check-param-names': 'off',
+      'jsdoc/check-types': 'off',
+      'jsdoc/require-returns-description': 'off',
 
-    'unused-imports/no-unused-vars': 'off',
+      'node/prefer-global/process': 'off',
 
-    'vue/html-self-closing': 'off',
-    'vue/block-order': 'off',
-  },
-})
+      'no-console': 'off',
+      curly: 'off',
+      eqeqeq: 'off',
+      'no-unused-vars': 'off',
+
+      'unused-imports/no-unused-vars': 'off',
+
+      'vue/html-self-closing': 'off',
+      'vue/block-order': 'off',
+    },
+  }
+)
diff --git a/package.json b/package.json
index 8dfb39cd..876aebfd 100644
--- a/package.json
+++ b/package.json
@@ -2,8 +2,8 @@
   "name": "viarotel-site",
   "type": "module",
   "version": "1.7.0",
-  "packageManager": "pnpm@8.7.4",
-  "description": "Viarotel site",
+  "packageManager": "pnpm@8.15.7",
+  "description": "viarotel site",
   "author": "viarotel",
   "license": "ISC",
   "keywords": [],
@@ -15,23 +15,25 @@
     "lint:fix": "eslint . --fix"
   },
   "dependencies": {
-    "@lottiefiles/lottie-player": "^1.7.1",
-    "@waline/client": "^3.1.1",
-    "dayjs": "^1.11.7",
-    "ga-gtag": "^1.1.7",
-    "gsap": "^3.11.5",
+    "@lottiefiles/lottie-player": "^2.0.4",
+    "@waline/client": "^3.1.3",
+    "dayjs": "^1.11.10",
+    "ga-gtag": "^1.2.0",
+    "gsap": "^3.12.5",
     "lodash-es": "^4.17.21",
-    "ofetch": "^1.0.1"
+    "ofetch": "^1.3.4"
   },
   "devDependencies": {
-    "@antfu/eslint-config": "^2.6.4",
-    "@unocss/preset-wind": "^0.58.5",
-    "@unocss/transformer-directives": "^0.58.5",
-    "eslint": "^8.56.0",
-    "typescript": "^5.3.3",
-    "unocss": "^0.58.5",
+    "@antfu/eslint-config": "^2.14.0",
+    "@unocss/preset-wind": "^0.59.3",
+    "@unocss/transformer-directives": "^0.59.3",
+    "eslint": "^9.0.0",
+    "typescript": "^5.4.5",
+    "unocss": "^0.59.3",
+    "unplugin-auto-import": "^0.17.5",
+    "unplugin-vue-components": "^0.26.0",
     "vite-plugin-remove-console": "^2.2.0",
-    "vitepress": "1.0.0-rc.44",
-    "vitepress-sidebar": "^1.18.6"
+    "vitepress": "^1.1.0",
+    "vitepress-sidebar": "^1.22.0"
   }
 }
diff --git a/src/components/HomeFeaturesBefore/index.vue b/src/components/HomeFeaturesBefore/index.vue
index 49bc2743..a0c58432 100644
--- a/src/components/HomeFeaturesBefore/index.vue
+++ b/src/components/HomeFeaturesBefore/index.vue
@@ -1,6 +1,4 @@
 <script setup>
-import { computed } from 'vue'
-import { useData } from 'vitepress'
 import VPFeatures from 'vitepress/dist/client/theme-default/components/VPFeatures.vue'
 
 import { data } from '@/data/repos.data.js'
@@ -10,13 +8,12 @@ const { lang } = useData()
 const features = computed(() => {
   const repos = data.repos || []
   // console.log('repos', repos)
-  return repos
-    .map(item => ({
-      ...item,
-      title: item.name,
-      details: item.description,
-      link: `https://github.com/${item.repo}`,
-    }))
+  return repos.map((item) => ({
+    ...item,
+    title: item.name,
+    details: item.description,
+    link: `https://github.com/${item.repo}`,
+  }))
 })
 </script>
 
@@ -28,7 +25,7 @@ const features = computed(() => {
       <span
         class="bg-white dark:bg-[#1e1e20] px-2 relative italic relative text-gray-700 dark:text-gray-300"
       >
-        {{ lang === "en" ? "What I've been doing lately" : "最近在做的事" }}
+        {{ lang === 'en' ? "What I've been doing lately" : '最近在做的事' }}
         <div
           class="absolute w-80 h-[0.2px] bg-gray-300 dark:bg-gray-600 top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 -z-1"
         />
diff --git a/src/components/HomeHeroImage/index.vue b/src/components/HomeHeroImage/index.vue
index 7f9f6fe5..32941407 100644
--- a/src/components/HomeHeroImage/index.vue
+++ b/src/components/HomeHeroImage/index.vue
@@ -1,8 +1,4 @@
 <script setup>
-import { computed, ref } from 'vue'
-
-import { useData } from 'vitepress'
-
 import { sample } from 'lodash-es'
 
 import ViaLottiePlayer from '@/components/ViaLottiePlayer/index.vue'
@@ -24,15 +20,14 @@ const lottieIndex = ref(sample(arrayLotties)[2])
 
 const currentLottie = computed(() => arrayLotties[lottieIndex.value])
 const currentLottieJSON = computed(
-  () => currentLottie.value?.[1]?.default || null,
+  () => currentLottie.value?.[1]?.default || null
 )
 
 const lottiePlayer = ref(null)
 function loadNextLottie() {
   if (lottieIndex.value < lengthLotties - 1) {
     ++lottieIndex.value
-  }
-  else {
+  } else {
     lottieIndex.value = 0
   }
   // console.log('lottiePlayer', lottiePlayer)
diff --git a/src/components/ViaCrowd/index.vue b/src/components/ViaCrowd/index.vue
index 0b3333c6..63234943 100644
--- a/src/components/ViaCrowd/index.vue
+++ b/src/components/ViaCrowd/index.vue
@@ -1,6 +1,4 @@
 <script setup>
-// import { useData } from 'vitepress'
-import { onMounted } from 'vue'
 import crowd from './core/crowd.js'
 
 onMounted(() => {
diff --git a/src/components/ViaLottiePlayer/index.vue b/src/components/ViaLottiePlayer/index.vue
index 8cc780e6..190df420 100644
--- a/src/components/ViaLottiePlayer/index.vue
+++ b/src/components/ViaLottiePlayer/index.vue
@@ -1,8 +1,4 @@
 <script setup>
-// import { useData } from 'vitepress'
-
-import { ref } from 'vue'
-
 const props = defineProps({
   el: {
     type: Function,
@@ -13,13 +9,12 @@ const props = defineProps({
 const renderLottie = ref(false)
 
 if (!import.meta.env.SSR) {
-  (async () => {
+  ;(async () => {
     try {
       await import('@lottiefiles/lottie-player')
 
       renderLottie.value = true
-    }
-    catch (error) {
+    } catch (error) {
       console.warn('error')
     }
   })()
diff --git a/src/components/WalineComment/index.vue b/src/components/WalineComment/index.vue
index a0b171f9..578c0617 100644
--- a/src/components/WalineComment/index.vue
+++ b/src/components/WalineComment/index.vue
@@ -1,6 +1,4 @@
 <script setup>
-import { computed, onMounted, watch } from 'vue'
-import { useData, useRoute } from 'vitepress'
 import { init } from '@waline/client'
 import '@waline/client/waline.css'
 
diff --git a/src/notes/auto-imports.d.ts b/src/notes/auto-imports.d.ts
new file mode 100644
index 00000000..1db8c5d3
--- /dev/null
+++ b/src/notes/auto-imports.d.ts
@@ -0,0 +1,82 @@
+/* eslint-disable */
+/* prettier-ignore */
+// @ts-nocheck
+// noinspection JSUnusedGlobalSymbols
+// Generated by unplugin-auto-import
+export {}
+declare global {
+  const EffectScope: typeof import('vue')['EffectScope']
+  const acceptHMRUpdate: typeof import('pinia')['acceptHMRUpdate']
+  const computed: typeof import('vue')['computed']
+  const createApp: typeof import('vue')['createApp']
+  const createPinia: typeof import('pinia')['createPinia']
+  const customRef: typeof import('vue')['customRef']
+  const defineAsyncComponent: typeof import('vue')['defineAsyncComponent']
+  const defineComponent: typeof import('vue')['defineComponent']
+  const defineStore: typeof import('pinia')['defineStore']
+  const effectScope: typeof import('vue')['effectScope']
+  const getActivePinia: typeof import('pinia')['getActivePinia']
+  const getCurrentInstance: typeof import('vue')['getCurrentInstance']
+  const getCurrentScope: typeof import('vue')['getCurrentScope']
+  const h: typeof import('vue')['h']
+  const inject: typeof import('vue')['inject']
+  const isProxy: typeof import('vue')['isProxy']
+  const isReactive: typeof import('vue')['isReactive']
+  const isReadonly: typeof import('vue')['isReadonly']
+  const isRef: typeof import('vue')['isRef']
+  const mapActions: typeof import('pinia')['mapActions']
+  const mapGetters: typeof import('pinia')['mapGetters']
+  const mapState: typeof import('pinia')['mapState']
+  const mapStores: typeof import('pinia')['mapStores']
+  const mapWritableState: typeof import('pinia')['mapWritableState']
+  const markRaw: typeof import('vue')['markRaw']
+  const nextTick: typeof import('vue')['nextTick']
+  const onActivated: typeof import('vue')['onActivated']
+  const onBeforeMount: typeof import('vue')['onBeforeMount']
+  const onBeforeUnmount: typeof import('vue')['onBeforeUnmount']
+  const onBeforeUpdate: typeof import('vue')['onBeforeUpdate']
+  const onDeactivated: typeof import('vue')['onDeactivated']
+  const onErrorCaptured: typeof import('vue')['onErrorCaptured']
+  const onMounted: typeof import('vue')['onMounted']
+  const onRenderTracked: typeof import('vue')['onRenderTracked']
+  const onRenderTriggered: typeof import('vue')['onRenderTriggered']
+  const onScopeDispose: typeof import('vue')['onScopeDispose']
+  const onServerPrefetch: typeof import('vue')['onServerPrefetch']
+  const onUnmounted: typeof import('vue')['onUnmounted']
+  const onUpdated: typeof import('vue')['onUpdated']
+  const provide: typeof import('vue')['provide']
+  const reactive: typeof import('vue')['reactive']
+  const readonly: typeof import('vue')['readonly']
+  const ref: typeof import('vue')['ref']
+  const resolveComponent: typeof import('vue')['resolveComponent']
+  const setActivePinia: typeof import('pinia')['setActivePinia']
+  const setMapStoreSuffix: typeof import('pinia')['setMapStoreSuffix']
+  const shallowReactive: typeof import('vue')['shallowReactive']
+  const shallowReadonly: typeof import('vue')['shallowReadonly']
+  const shallowRef: typeof import('vue')['shallowRef']
+  const storeToRefs: typeof import('pinia')['storeToRefs']
+  const toRaw: typeof import('vue')['toRaw']
+  const toRef: typeof import('vue')['toRef']
+  const toRefs: typeof import('vue')['toRefs']
+  const toValue: typeof import('vue')['toValue']
+  const triggerRef: typeof import('vue')['triggerRef']
+  const unref: typeof import('vue')['unref']
+  const useAttrs: typeof import('vue')['useAttrs']
+  const useCssModule: typeof import('vue')['useCssModule']
+  const useCssVars: typeof import('vue')['useCssVars']
+  const useData: typeof import('vitepress')['useData']
+  const useRoute: typeof import('vitepress')['useRoute']
+  const useRouter: typeof import('vitepress')['useRouter']
+  const useSlots: typeof import('vue')['useSlots']
+  const watch: typeof import('vue')['watch']
+  const watchEffect: typeof import('vue')['watchEffect']
+  const watchPostEffect: typeof import('vue')['watchPostEffect']
+  const watchSyncEffect: typeof import('vue')['watchSyncEffect']
+  const withBase: typeof import('vitepress')['withBase']
+}
+// for type re-export
+declare global {
+  // @ts-ignore
+  export type { Component, ComponentPublicInstance, ComputedRef, ExtractDefaultPropTypes, ExtractPropTypes, ExtractPublicPropTypes, InjectionKey, PropType, Ref, VNode, WritableComputedRef } from 'vue'
+  import('vue')
+}
diff --git a/src/notes/memo/microsoft/developer-register.md b/src/notes/memo/microsoft/developer-register.md
index 77580b38..264d5137 100644
--- a/src/notes/memo/microsoft/developer-register.md
+++ b/src/notes/memo/microsoft/developer-register.md
@@ -1,3 +1,3 @@
-# 解决微软开发者注册无法通过
+# 微软开发者注册无法通过
 
 state/province 输入城市首母缩写，比如上海，写成 sh 。 其它选项正常填写准确的即可，中英文都行。然后就不会有这个提示了，这个问题有人反馈过，用这个方法就可以成功。 专门针对这个 2201 错误。
diff --git a/src/notes/memo/microsoft/ms-gamingoverlay.md b/src/notes/memo/microsoft/gamingoverlay.md
similarity index 69%
rename from src/notes/memo/microsoft/ms-gamingoverlay.md
rename to src/notes/memo/microsoft/gamingoverlay.md
index 463e7a5d..1e6ee348 100644
--- a/src/notes/memo/microsoft/ms-gamingoverlay.md
+++ b/src/notes/memo/microsoft/gamingoverlay.md
@@ -1,4 +1,4 @@
-# Windows 提示 无法打开此 ms-gamingoverlay 链接
+# 无法打开此 ms-gamingoverlay 链接
 
 ```powershell
 REG ADD "HKCU\SOFTWARE\Microsoft\Windows\CurrentVersion\GameDVR " /v AppCaptureEnabled /t REG_DWORD /d 0 /f
diff --git a/src/notes/memo/microsoft/time-sync.md b/src/notes/memo/microsoft/time-sync.md
new file mode 100644
index 00000000..59599428
--- /dev/null
+++ b/src/notes/memo/microsoft/time-sync.md
@@ -0,0 +1,17 @@
+# 多系统下 Windows 时间异常
+
+> 电脑安装多系统后，特别是 Linux 切换回 Windows 可能会出现 系统的时间异常，解决方法如下：
+
+Windows 下以管理员身份打开 PowerShell，输入以下命令：
+
+```shell
+Reg add HKLM\SYSTEM\CurrentControlSet\Control\TimeZoneInformation /v RealTimeIsUniversal /t REG_DWORD /d 1
+```
+
+或者 Linux 下在终端中，输入以下命令：
+
+```shell
+timedatectl set-local-rtc 1 --adjust-system-clock
+```
+
+推荐第一种方法，修改 Windows 的时间管理。因为在 Linux 系统中修改后，输入 timedatectl 命令后，会出现警告，提示你使用 RTC 时钟会导致一些程序错误
diff --git a/src/notes/memo/microsoft/wsreset.md b/src/notes/memo/microsoft/wsreset.md
new file mode 100644
index 00000000..2a2afe6e
--- /dev/null
+++ b/src/notes/memo/microsoft/wsreset.md
@@ -0,0 +1,9 @@
+# 恢复微软应用商店
+
+> 某些情况下系统默认的应用商店被剔除或损坏，可以使用以下命令进行修复
+
+Windows 下以管理员身份打开 PowerShell，输入以下命令：
+
+```shell
+wsreset -i
+```
diff --git a/vite.config.js b/vite.config.js
index 605aa87a..dec5d5e5 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -1,11 +1,28 @@
 import path from 'node:path'
+import useAutoImport from 'unplugin-auto-import/vite'
+import useAutoComponents from 'unplugin-vue-components/vite'
 import useRemoveConsole from 'vite-plugin-remove-console'
 import useUnoCSS from 'unocss/vite'
 import rewrites from './src/rewrites/index.js'
 import { proxyPort } from './src/configs/index.js'
 
+const resolvers = []
+
 export default {
-  plugins: [useRemoveConsole(), useUnoCSS()],
+  plugins: [
+    useAutoImport({
+      resolvers,
+      imports: ['vue', 'pinia', 'vitepress'],
+      eslintrc: {
+        enabled: true,
+      },
+    }),
+    useAutoComponents({
+      resolvers,
+    }),
+    useRemoveConsole(),
+    useUnoCSS(),
+  ],
   resolve: {
     alias: {
       ...rewrites,