fix(preview): draft ready not received event

Author: larbish

src/runtime/components/ContentPreviewMode.vue

@@ -103,6 +103,11 @@ onMounted(async () => {
     if (!data) {
       // Request draft sync via Preview API
       try {
+        // Wait for draft:ready and then request sync to get the data back with 'draft:ready'
+        socket.once('draft:ready', () => {
+          socket.emit('draft:requestSync')
+        })
+
         // Request preview sync from Preview API
         await $fetch('api/projects/preview/sync', {
           baseURL: props.api,
@@ -111,11 +116,6 @@ onMounted(async () => {
             token: props.previewToken,
           },
         })
-
-        // Wait for draft:ready and then request sync to get the data back with 'draft:ready'
-        socket.once('draft:ready', () => {
-          socket.emit('draft:requestSync')
-        })
       }
       catch (e: any) { // eslint-disable-line @typescript-eslint/no-explicit-any
         clearSyncTimeout()