diff --git a/package.json b/package.json
index 390a022..07f39a8 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "private": true,
   "type": "module",
-  "packageManager": "pnpm@9.9.0",
+  "packageManager": "pnpm@9.11.0",
   "scripts": {
     "dev": "vite --open --host",
     "build": "vite build",
@@ -30,6 +30,7 @@
   },
   "devDependencies": {
     "@eslint/compat": "^1.1.1",
+    "@intlify/core-base": "^9.14.1",
     "@intlify/unplugin-vue-i18n": "^2.0.0",
     "@kingyue/vite-plugin-vue2-svg": "^0.6.0",
     "@pinia/testing": "^0.1.5",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index ae551e3..0b0ef38 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -53,6 +53,9 @@ importers:
       '@eslint/compat':
         specifier: ^1.1.1
         version: 1.1.1
+      '@intlify/core-base':
+        specifier: ^9.14.1
+        version: 9.14.1
       '@intlify/unplugin-vue-i18n':
         specifier: ^2.0.0
         version: 2.0.0(rollup@4.22.5)(vue-i18n-bridge@9.14.1(vue@2.7.16))(vue-i18n@8.28.2(vue@2.7.16))(webpack-sources@3.2.3)
diff --git a/src/components/layout/AppDrawerItem.vue b/src/components/layout/AppDrawerItem.vue
index 9cc1369..714f201 100644
--- a/src/components/layout/AppDrawerItem.vue
+++ b/src/components/layout/AppDrawerItem.vue
@@ -1,6 +1,7 @@
 <script lang="ts">
 import type { RouteConfig } from 'vue-router'
 import type { PropType } from 'vue'
+import type {} from '@intlify/core-base'
 
 export default defineComponent({
   name: 'AppDrawerItem',
diff --git a/src/components/layout/ButtonSettings.vue b/src/components/layout/ButtonSettings.vue
index 092dc00..ce46ad2 100644
--- a/src/components/layout/ButtonSettings.vue
+++ b/src/components/layout/ButtonSettings.vue
@@ -32,7 +32,7 @@ const colors = [
 ]
 const images = [drawer1, drawer2, drawer3]
 const menuShow = ref(false)
-const isDark = useDark({
+const isDark: WritableComputedRef<boolean> = useDark({
   onChanged(dark: boolean) {
     vuetify.theme.dark = dark
   },