feat(context): auto save

src/pages/Editor.vue

@@ -9,9 +9,14 @@
 
 <script setup lang="ts">
   import { useKeyboard } from '@/use/keyboard'
+  import { useLocalStorage } from '@/use/storage/local'
   import { onUnmounted } from 'vue'
+  import { useStore } from 'vuex'
+
+  const store = useStore()
 
   useKeyboard().init()
+  useLocalStorage().onAutoSave(60, store)
 
   onUnmounted(() => {
     useKeyboard().destroy()

src/use/storage/local.ts

@@ -30,6 +30,17 @@ export const useLocalStorage: Callback<any> = (store: Store<any>) => {
     })
   }
 
+  const onAutoSave = (time: number, _: Store<any>) => {
+    setInterval(() => {
+      if (_.state.project.name === useEnv().projectEmpty()) return
+
+      useLocalStorage().setProject({
+        project: _.state.project,
+        editor: _.state.editor,
+      })
+    }, parseInt(`${time}000`))
+  }
+
   const onLoadProject = async () => {
     const context = useLocalStorage().getProject()
 
@@ -41,5 +52,13 @@ export const useLocalStorage: Callback<any> = (store: Store<any>) => {
     store.commit('context/load', store.state.project.pages[0])
   }
 
-  return { set, get, setProject, getProject, onSaveProject, onLoadProject }
+  return {
+    set,
+    get,
+    setProject,
+    getProject,
+    onSaveProject,
+    onLoadProject,
+    onAutoSave,
+  }
 }