fix(editor): stores reset in new projects

src/pages/Editor.vue

@@ -10,7 +10,7 @@
 
 <script setup lang="ts">
   import { setTheme } from '@/plugin/theme/external'
-import { ThemeNormalize } from '@/plugin/theme/utils'
+  import { ThemeNormalize } from '@/plugin/theme/utils'
   import { useContextStore } from '@/store/context'
   import { useEditorStore } from '@/store/editor'
   import { useProjectStore } from '@/store/project'

src/plugin/theme/external.ts

@@ -1,23 +1,27 @@
 import { useEditorStore } from '@/store/editor'
 import { onAfterMounted } from '../core/cycle'
 import { ThemeNormalize } from './utils'
-import { useProjectStore } from '@/store/project';
-import { useEnv } from '@/use/env';
+import { useProjectStore } from '@/store/project'
+import { useEnv } from '@/use/env'
 
 export const setTheme = () => {
   onAfterMounted(() => {
-    const EDITOR = useEditorStore()
-    const PROJECT = useProjectStore()
+    setThemeInvokate()
+  })
+}
 
-    const env = useEnv()
+export const setThemeInvokate = () => {
+  const EDITOR = useEditorStore()
+  const PROJECT = useProjectStore()
 
-    if(PROJECT.name === env.projectEmpty()) return
+  const env = useEnv()
 
-    const theme = EDITOR.configuration.theme
+  if (PROJECT.name === env.projectEmpty()) return
 
-    const value = ThemeNormalize(theme)
+  const theme = EDITOR.configuration.theme
 
-    document.body.classList.add(value)
-  })
+  const value = ThemeNormalize(theme)
+
+  document.body.removeAttribute('class')
+  document.body.classList.add(value)
 }
-

src/store/absolute.ts

@@ -12,7 +12,7 @@ export const useAbsoluteStore = defineStore('absolute', {
       modal: {
         newProject: false,
       },
-      aside: false,
+      aside: true,
       shortcuts: {
         switcher: false,
         finder: false,

src/store/project.ts

@@ -9,6 +9,8 @@ import { useEnv } from '@/use/env'
 import { useLoggerStore } from './logger'
 import { useEditorStore } from './editor'
 import { usePDFStore } from './pdf'
+import { useAbsoluteStore } from './absolute'
+import { useShortcutsStore } from './shortcuts'
 
 export const useProjectStore = defineStore('project', {
   state: (): ProjectState => {
@@ -35,7 +37,11 @@ export const useProjectStore = defineStore('project', {
       const logger = useLoggerStore()
       const editor = useEditorStore()
       const pdf = usePDFStore()
+      const absolute = useAbsoluteStore()
+      const shortcuts = useShortcutsStore()
 
+      absolute.$reset()
+      shortcuts.$reset()
       editor.$reset()
       pdf.resetStyles()
       logger.reset()
@@ -58,7 +64,11 @@ export const useProjectStore = defineStore('project', {
       const logger = useLoggerStore()
       const editor = useEditorStore()
       const pdf = usePDFStore()
+      const absolute = useAbsoluteStore()
+      const shortcuts = useShortcutsStore()
 
+      absolute.$reset()
+      shortcuts.$reset()
       editor.$reset()
       pdf.resetStyles()
       logger.reset()
@@ -102,7 +112,11 @@ export const useProjectStore = defineStore('project', {
       const logger = useLoggerStore()
       const editor = useEditorStore()
       const pdf = usePDFStore()
+      const absolute = useAbsoluteStore()
+      const shortcuts = useShortcutsStore()
 
+      absolute.$reset()
+      shortcuts.$reset()
       editor.$reset()
       pdf.resetStyles()
       logger.reset()

src/use/project.ts

@@ -12,6 +12,7 @@ import { useAbsoluteStore } from '@/store/absolute'
 import { ProjectObject } from '@/types/project'
 import { ContextState } from '@/types/context'
 import { useStorage } from './storage/storage'
+import { setThemeInvokate } from '@/plugin/theme/external'
 
 export const useProject = () => {
   const PROJECT = useProjectStore()
@@ -51,6 +52,12 @@ export const useProject = () => {
       destroy()
       init()
 
+      await nextTick
+
+      setThemeInvokate()
+
+      await nextTick
+
       toast.success(t('toast.project.create'))
     })
   }
@@ -84,6 +91,12 @@ export const useProject = () => {
 
     init()
 
+    await nextTick
+
+    setThemeInvokate()
+
+    await nextTick
+
     ABSOLUTE.aside = true
 
     toast.success(t('toast.project.load'))