refactor: load project hook

src/components/editor/aside/project/AsideLoadProject.vue

@@ -12,19 +12,11 @@
   import { useI18n } from 'vue-i18n'
   import { useLocalStorage } from '@/use/storage/local'
   import { useStore } from 'vuex'
-  import { nextTick } from 'vue'
 
   const store = useStore()
 
-  const onLoadProject = async () => {
-    const context = useLocalStorage().getProject()
-
-    if (!context) return
-
-    store.commit('project/load', context.project)
-    await nextTick
-
-    store.commit('context/load', store.state.project.pages[0])
+  const onLoadProject = () => {
+    useLocalStorage(store).onLoadProject()
   }
 
   const { t } = useI18n()

src/lang/br/editor.ts

@@ -84,4 +84,4 @@ export default {
       ],
     },
   },
-}
+}

src/lang/br/index.ts

@@ -1,5 +1,5 @@
-import editor from './editor';
+import editor from './editor'
 
 export default {
-  editor
+  editor,
 }

src/lang/en/editor.ts

@@ -84,4 +84,4 @@ export default {
       ],
     },
   },
-}
+}

src/lang/en/index.ts

@@ -1,5 +1,5 @@
-import editor from './editor';
+import editor from './editor'
 
 export default {
-  editor
+  editor,
 }

src/use/keyboard.ts

@@ -33,14 +33,7 @@ export const useKeyboard: Callback<any> = () => {
       async (e: Event) => {
         useUtils().prevent(e)
 
-        const context = useLocalStorage().getProject()
-
-        if (!context) return
-
-        store.commit('project/load', context.project)
-        await nextTick
-
-        store.commit('context/load', store.state.project.pages[0])
+        useLocalStorage(store).onLoadProject()
       }
     )
   }

src/use/storage/local.ts

@@ -2,6 +2,7 @@ import { ProjectObject } from '@/types/project'
 import { Callback } from '@/types/utils'
 import { Store } from 'vuex'
 import { useEnv } from '../env'
+import { nextTick } from 'vue'
 
 export const useLocalStorage: Callback<any> = (store: Store<any>) => {
   const set = (obj: ProjectObject, name: string) => {
@@ -29,5 +30,16 @@ export const useLocalStorage: Callback<any> = (store: Store<any>) => {
     })
   }
 
-  return { set, get, setProject, getProject, onSaveProject }
+  const onLoadProject = async () => {
+    const context = useLocalStorage().getProject()
+
+    if (!context) return
+
+    store.commit('project/load', context.project)
+    await nextTick
+
+    store.commit('context/load', store.state.project.pages[0])
+  }
+
+  return { set, get, setProject, getProject, onSaveProject, onLoadProject }
 }