diff --git a/src/layout/components/Config/index.vue b/src/layout/components/Config/index.vue
index be1d0177eb046cfac1710954458541e87c4fbbd9..5132448dff4fb9f114fc3b5f803c3d7c33a27c16 100644
--- a/src/layout/components/Config/index.vue
+++ b/src/layout/components/Config/index.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import DarkSwitch from '../DarkSwitch/index.vue'
 
-import toggleDark from '@/utils/useDark.ts'
+import useDark from '@/utils/useDark.ts'
 import useConfig from '@/store/modules/layout.ts'
 import usePermission from '@/store/modules/permission'
 import {
@@ -13,6 +13,7 @@ import { proxy } from '@/utils/provide'
 const router = useRouter()
 const configStore = useConfig()
 const permissionStore = usePermission()
+const { toggleDark } = useDark()
 
 const onCloseDrawer = () => {
   configStore.setLayout('showDrawer', false)