refactor(projects): 恢复pinia默认写法

src/layouts/common/SettingDrawer/components/PageView/index.vue

@@ -2,13 +2,13 @@
   <n-divider title-placement="center">界面显示</n-divider>
   <n-space vertical size="large">
     <setting-menu label="面包屑">
-      <n-switch :value="theme.header.crumb.visible" @update:value="setHeaderCrumbVisible" />
+      <n-switch :value="theme.header.crumb.visible" @update:value="theme.setHeaderCrumbVisible" />
     </setting-menu>
     <setting-menu label="面包屑图标">
-      <n-switch :value="theme.header.crumb.showIcon" @update:value="setHeaderCrumbIconVisible" />
+      <n-switch :value="theme.header.crumb.showIcon" @update:value="theme.setHeaderCrumbIconVisible" />
     </setting-menu>
     <setting-menu label="多页签">
-      <n-switch :value="theme.tab.visible" @update:value="setTabVisible" />
+      <n-switch :value="theme.tab.visible" @update:value="theme.setTabVisible" />
     </setting-menu>
     <setting-menu label="多页签风格">
       <n-select
@@ -16,11 +16,11 @@
         size="small"
         :value="theme.tab.mode"
         :options="theme.tab.modeList"
-        @update:value="setTabMode"
+        @update:value="theme.setTabMode"
       />
     </setting-menu>
     <setting-menu label="页面切换动画">
-      <n-switch :value="theme.page.animate" @update:value="setPageIsAnimate" />
+      <n-switch :value="theme.page.animate" @update:value="theme.setPageIsAnimate" />
     </setting-menu>
     <setting-menu label="页面切换动画类型">
       <n-select
@@ -28,7 +28,7 @@
         size="small"
         :value="theme.page.animateMode"
         :options="theme.page.animateModeList"
-        @update:value="setPageAnimateMode"
+        @update:value="theme.setPageAnimateMode"
       />
     </setting-menu>
   </n-space>
@@ -40,13 +40,5 @@ import { useThemeStore } from '@/store';
 import SettingMenu from '../SettingMenu/index.vue';
 
 const theme = useThemeStore();
-const {
-  setHeaderCrumbVisible,
-  setHeaderCrumbIconVisible,
-  setTabVisible,
-  setTabMode,
-  setPageIsAnimate,
-  setPageAnimateMode
-} = useThemeStore();
 </script>
 <style scoped></style>