defineAsyncComponent bug on cloudflare workers

[mrleblanc101]

In app/slices/index.ts, we need to replace:
accordions: defineAsyncComponent(() => import('./Accordions/index.vue')),
by this:
accordions: defineAsyncComponent(() => import('./Accordions/index.vue').then((r) => r.default)),
Otherwise SSR doesn't work on Cloudflare Workers because of hydration mismatch !
See nuxt/nuxt#33270

Versions

• slice-machine-ui: 2.19.1
• node: v22.16.0

When did this happen?

When deploying with SSR to Cloudflare Workers

Reproduction

Not really a repro, because I don't know how I could repro this.
But here is the repo I'm trying to deploy: https://github.com/capitalenumerique/interfaceqc

Steps to reproduce

• Create a new Cloudflare Worker.
• Use the default configuration
• Link to a fork of the provided repo
• Notice in the console the hydration mismatch issue (or check here: https://interfaceqc.admin-a5d.workers.dev/)
• To go further, disable JavaScript in the browser, notice that the homepage doesn't display anything anymore

What is expected?

• Using Prismic/Slice-machine shouldn't cause node mismatch issue.

What is actually happening?

• There are node mismatch leading to broken SSR

[xrutayisire]

Hey,

Sorry for the delay getting back to you. Thanks for reporting this and for the extra context. We’ve noted the issue and your PR, and someone from the team will take a closer look soon, probably next week.

We’ll keep you posted as things move forward.

[lihbr]

Hi @mrleblanc101, thanks for your patience,

Can you try adding the following to your nuxt.config.ts file and checking if the behavior persists when not using .then((r) => r.default)?

vite: {
  build: {
    rollupOptions: {
      output: {
        generatedCode: {
          symbols: true,
        }
      }
    }
  }
},

From my understanding this seems like a Vue regression (vuejs/core#8351 (comment)) and I believe adding .then((r) => r.default) would be non-standard/not expected.

If this persists/doesn't get fixed upstream, we'll see if we can consider a solution like the PR you opened. Thanks for that!