Decouple sync from docs load event

Author: davidmyersdev

app.vue

@@ -3,6 +3,7 @@ import { appEventTypes, logEvent } from '/helpers/app'
 import { loadKeybindings } from '/src/store/modules/keybindings'
 import { loadDocs } from '/src/store/plugins/caching/documents'
 import { loadSettings } from '/src/store/plugins/caching/settings'
+import { syncDocs } from '/src/store/plugins/sync'
 
 import 'overlayscrollbars/overlayscrollbars.css'
 
@@ -21,6 +22,8 @@ export default defineComponent({
       await loadDocs(store)
       await loadKeybindings(store)
 
+      syncDocs(store)
+
       // This is used by tests to determine when the app is ready.
       document.body.dataset.isMounted = 'true'
 

src/store/plugins/sync.ts

@@ -1,10 +1,9 @@
-import { type Plugin } from 'vuex'
+import { type Plugin, type Store } from 'vuex'
 import { debouncer } from '/src/common/debouncer'
 
 import {
   ADD_DOCUMENT,
   DISCARD_DOCUMENT,
-  DOCUMENTS_LOADED,
   EDIT_DOCUMENT,
   RESTORE_DOCUMENT,
   RESTRICT_DOCUMENT,
@@ -23,20 +22,14 @@ const syncPlugin: Plugin<any> = (store) => {
     switch (type) {
       case ADD_DOCUMENT:
       case DISCARD_DOCUMENT:
-      case DOCUMENTS_LOADED:
       case EDIT_DOCUMENT:
       case RESTORE_DOCUMENT:
       case RESTRICT_DOCUMENT:
       case SET_ONLINE:
       case SET_USER:
       case SHARE_DOCUMENT:
       case TOUCH_DOCUMENT:
-        // sync documents if online
-        if (store.state.online && store.state.auth.user) {
-          debounce('sync', () => {
-            store.dispatch(SYNC)
-          })
-        }
+        syncDocs(store)
 
         break
       default:
@@ -45,4 +38,13 @@ const syncPlugin: Plugin<any> = (store) => {
   })
 }
 
+export const syncDocs = (store: Store<any>) => {
+  // sync documents if online
+  if (store.state.online && store.state.auth.user) {
+    debounce('sync', () => {
+      store.dispatch(SYNC)
+    })
+  }
+}
+
 export default syncPlugin