chore: provider load

src/components/editor/aside/EditorAside.vue

@@ -10,11 +10,9 @@
       dark:text-gray-500 dark:hover:text-gray-200
       bg-gray-200
       dark:bg-gray-800
-      rounded-br 
-    "
-    :class="
-      open ? 'left-32 md:left-40 lg:left-50 xl:left-60' : ''
+      rounded-br
     "
+    :class="open ? 'left-32 md:left-40 lg:left-50 xl:left-60' : ''"
     @click="open = !open"
   >
     <svg

src/components/provider/ProviderApp.vue

@@ -1,5 +1,6 @@
 <template>
   <EditorCommands v-if="store.state.absolute.commands" />
+  <ProviderLoad v-if="store.state.absolute.load" />
 </template>
 
 <script setup lang="ts">

src/components/provider/ProviderLoad.vue

@@ -0,0 +1,3 @@
+<template>
+  <div></div>
+</template>

src/main.ts

@@ -24,4 +24,4 @@ app.use(Toast, {
   maxToasts: 3,
 })
 
-router.isReady().then(() => app.mount('#app'))
+router.isReady().then(() => app.mount('#app'))

src/store/module/absolute.ts

@@ -5,6 +5,7 @@ export default {
   state: () =>
     ({
       commands: false,
+      load: false,
     } as AbsoluteState),
   mutations: {
     commands(state: any) {

src/types/absolute.ts

@@ -1,3 +1,4 @@
 export interface AbsoluteState {
   commands: boolean
+  load: boolean
 }

src/use/page.ts

@@ -21,7 +21,10 @@ export const usePage: Callback<any> = () => {
     store.commit('project/deletePage', store.state.context)
     await nextTick
 
-    store.commit('context/load', store.state.project.pages[store.state.project.pages.length - 1])
+    store.commit(
+      'context/load',
+      store.state.project.pages[store.state.project.pages.length - 1]
+    )
   }
 
   return { onCreatePage, onDeletePage }