wip: 主题设置

src/App.vue

@@ -12,7 +12,7 @@
     :locale="zhCN"
     :date-locale="dateZhCN"
     :theme="appStore.isDark ? darkTheme : undefined"
-    :theme-overrides="settings.naiveThemeOverrides"
+    :theme-overrides="appStore.naiveThemeOverrides"
   >
     <router-view v-if="Layout" v-slot="{ Component, route: curRoute }">
       <component :is="Layout">
@@ -20,16 +20,18 @@
           <component :is="Component" v-if="!tabStore.reloading" :key="curRoute.fullPath" />
         </KeepAlive>
       </component>
+
+      <ThemeSetting class="fixed bottom-12 right-12" />
     </router-view>
   </n-config-provider>
 </template>
 
 <script setup>
 import { zhCN, dateZhCN, darkTheme } from 'naive-ui'
+import { ThemeSetting } from '@/components'
 import { useCssVar } from '@vueuse/core'
 import { kebabCase } from 'lodash-es'
 import { useAppStore, useTabStore } from '@/store'
-import settings from '@/settings'
 
 const layouts = new Map()
 function getLayout(name) {
@@ -44,11 +46,11 @@ const route = useRoute()
 const appStore = useAppStore()
 const Layout = computed(() => {
   if (!route.matched?.length) return null
-  return getLayout(route.meta?.layout || appStore.layout || settings.defaultLayout)
+  return getLayout(route.meta?.layout || appStore.layout)
 })
 
 function setupCssVar() {
-  const common = settings.naiveThemeOverrides?.common || {}
+  const common = appStore.naiveThemeOverrides?.common || {}
   for (const key in common) {
     useCssVar(`--${kebabCase(key)}`, document.documentElement).value = common[key] || ''
     if (key === 'primaryColor') window.localStorage.setItem('__THEME_COLOR__', common[key] || '')