fix: register callback before calling setup

nuxt · Jul 27, 2022 · d3fbb3c · d3fbb3c
1 parent 9975293
commit d3fbb3c
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 4 deletions.
diff --git a/packages/nuxt/src/app/components/client-only.mjs b/packages/nuxt/src/app/components/client-only.mjs
@@ -23,13 +23,11 @@ export function createClientOnly (component) {
   return defineComponent({
     ...component,
     setup (props, ctx) {
-      const res = setup?.(props, ctx) || {}
-
       const mounted$ = ref(false)
       onMounted(() => { mounted$.value = true })
 
-      return Promise.resolve(res)
-        .then(() => ({ ...res, mounted$ }))
+      return Promise.resolve(setup?.(props, ctx) || {})
+        .then(res => ({ ...res, mounted$ }))
     },
     render (ctx, cache, props, state, data, options) {
       return ctx.mounted$

diff --git a/test/fixtures/basic/components/ClientWrapped.client.vue b/test/fixtures/basic/components/ClientWrapped.client.vue
@@ -4,6 +4,10 @@ function exposedFunc () {
 }
 
 defineExpose({ exposedFunc })
+
+await new Promise(resolve => setTimeout(resolve, 300))
+
+onMounted(() => { console.log('mounted') })
 </script>
 
 <template>