From 9a8e34d81a68335a050f85a9183598ac8c2c416f Mon Sep 17 00:00:00 2001 From: Julien Huang Date: Tue, 24 Dec 2024 12:55:45 +0100 Subject: [PATCH] chore: document `div` wrapper in client-only page (#30359) --- packages/nuxt/src/components/runtime/client-component.ts | 2 ++ 1 file changed, 2 insertions(+) diff --git a/packages/nuxt/src/components/runtime/client-component.ts b/packages/nuxt/src/components/runtime/client-component.ts index 22201c7f8f..fd401f8836 100644 --- a/packages/nuxt/src/components/runtime/client-component.ts +++ b/packages/nuxt/src/components/runtime/client-component.ts @@ -18,6 +18,8 @@ export const createClientPage = (loader: AsyncComponentLoader) => { setup (_, { attrs }) { const nuxtApp = useNuxtApp() if (import.meta.server || nuxtApp.isHydrating) { + // wrapped with div to avoid Transition issues + // @see https://github.com/nuxt/nuxt/pull/25037#issuecomment-1877423894 return () => h('div', [ h(ClientOnly, undefined, { default: () => h(page, attrs),