wip: 主题设置

src/store/modules/app.js

@@ -8,13 +8,14 @@
 
 import { defineStore } from 'pinia'
 import { useDark } from '@vueuse/core'
-import settings from '@/settings'
+import { defaultLayout, naiveThemeOverrides } from '@/settings'
 
 export const useAppStore = defineStore('app', {
   state: () => ({
     collapsed: false,
     isDark: useDark(),
-    layout: settings.defaultLayout,
+    layout: defaultLayout,
+    naiveThemeOverrides,
   }),
   actions: {
     switchCollapsed() {
@@ -26,12 +27,12 @@ export const useAppStore = defineStore('app', {
     toggleDark() {
       this.isDark = !this.isDark
     },
-    setDeaultLayout(v) {
+    setLayout(v) {
       this.layout = v
     },
   },
   persist: {
-    paths: ['layout', 'collapsed'],
+    paths: ['layout', 'collapsed', 'naiveThemeOverrides'],
     storage: localStorage,
   },
 })

src/store/modules/permission.js

@@ -64,7 +64,7 @@ export const usePermissionStore = defineStore('permission', {
         meta: {
           icon: item.icon,
           title: item.name,
-          layout: item.layout || 'default',
+          layout: item.layout,
           keepAlive: !!item.keepAlive,
           parentKey,
           btns: item.children