diff --git a/src/layouts/modules/theme-drawer/modules/layout-mode.vue b/src/layouts/modules/theme-drawer/modules/layout-mode.vue
index 5c9a70d..65a1e4e 100644
--- a/src/layouts/modules/theme-drawer/modules/layout-mode.vue
+++ b/src/layouts/modules/theme-drawer/modules/layout-mode.vue
@@ -10,8 +10,8 @@ defineOptions({ name: 'LayoutMode' });
 const appStore = useAppStore();
 const themeStore = useThemeStore();
 
-function handleReverseHorizontalMixChange(value: boolean) {
-  themeStore.setLayoutReverseHorizontalMix(value);
+function handleReverseHorizontalMixChange(value: boolean | string | number) {
+  themeStore.setLayoutReverseHorizontalMix(value as boolean);
 }
 </script>
 
@@ -52,7 +52,7 @@ function handleReverseHorizontalMixChange(value: boolean) {
     :label="$t('theme.layoutMode.reverseHorizontalMix')"
     class="mt-16px"
   >
-    <ElSwitch :value="themeStore.layout.reverseHorizontalMix" @update:value="handleReverseHorizontalMixChange" />
+    <ElSwitch v-model="themeStore.layout.reverseHorizontalMix" @change="handleReverseHorizontalMixChange" />
   </SettingItem>
 </template>
 
diff --git a/src/typings/naive-ui.d.ts b/src/typings/ui.d.ts
similarity index 100%
rename from src/typings/naive-ui.d.ts
rename to src/typings/ui.d.ts