fix(graph): update contents

components.d.ts

@@ -5,9 +5,10 @@
 declare module 'vue' {
   export interface GlobalComponents {
     AsideBar: typeof import('E:/dev/projects/write-better/src/components/editor/aside/AsideBar.vue')['default']
-    AsideBarCommands: typeof import('E:/dev/projects/write-better/src/components/editor/aside/AsideBarCommands.vue')['default']
+    AsideBarCommands: typeof import('E:/dev/projects/write-better/src/components/editor/aside/commands/AsideBarCommands.vue')['default']
     AsideBarItem: typeof import('E:/dev/projects/write-better/src/components/editor/aside/AsideBarItem.vue')['default']
-    AsideGraph: typeof import('E:/dev/projects/write-better/src/components/editor/aside/AsideGraph.vue')['default']
+    AsideGraph: typeof import('E:/dev/projects/write-better/src/components/editor/aside/graph/AsideGraph.vue')['default']
+    AsideGraphDefine: typeof import('E:/dev/projects/write-better/src/components/editor/aside/graph/AsideGraphDefine.vue')['default']
     AsideModal: typeof import('E:/dev/projects/write-better/src/components/editor/aside/project/AsideModal.vue')['default']
     AsideProjectNew: typeof import('E:/dev/projects/write-better/src/components/editor/aside/project/AsideProjectNew.vue')['default']
     Disclosure: typeof import('@headlessui/vue')['Disclosure']

src/components/editor/main/EditorBase.vue

@@ -33,16 +33,19 @@
 </template>
 
 <script lang="ts" setup>
-  import { ref } from 'vue'
+  import { ref, nextTick } from 'vue'
   import { useStore } from 'vuex'
   import { ContextStatePageContent } from '@/types/context'
 
   const store = useStore()
 
   const entry = ref('')
 
-  const enterListener = (content: ContextStatePageContent) => {
+  const enterListener = async (content: ContextStatePageContent) => {
     store.commit('context/addInPage', content)
+    await nextTick
+    console.log(store.state.context)
+    store.commit('project/updatePage', store.state.context)
 
     setTimeout(() => {
       const scr = document.querySelector('#edit')

src/components/editor/text/TextShow.vue

@@ -183,11 +183,13 @@
     }
   })
 
-  const onUpdateContent = () => {
+  const onUpdateContent = async () => {
     store.commit('context/updateInPage', {
       raw: data.value,
       id: props.page.id,
     })
+    await nextTick
+    store.commit('project/updatePage', store.state.context)
 
     edit.value = false
   }

src/store/module/project.ts

@@ -1,6 +1,5 @@
 import { ProjectState } from '@/types/project'
 import { useText } from '@/use/text'
-import { version } from 'vue-demi'
 import { useFormat } from '../../use/format'
 import { ContextState } from '../../types/context'
 
@@ -50,6 +49,15 @@ export default {
       state.pageLoaded = init.id
       state.pages.push(init)
     },
+    updatePage(state: any, context: ContextState) {
+      const _context = state.pages.find(
+        (_context: ContextState) => _context.id === context.id
+      )
+
+      const index = state.pages.indexOf(_context)
+
+      state.pages[index] = context
+    },
   },
   actions: {},
   getters: {},