Function setup

packages/nuxt/src/components/runtime/lazy-hydrated-component.ts:10–28

(props, ctx)

    props,
    emits: ['hydrated'],
    setup (props, ctx) {
      if (import.meta.server) {
        const nuxtApp = useNuxtApp()
        nuxtApp.hook('app:rendered', ({ ssrContext }) => {
          // track lazy hydrated components so prefetch/preload tags are not rendered for them
          // but keep them in modules so CSS links are still rendered
          ssrContext!['~lazyHydratedModules'] ||= new Set()
          ssrContext!['~lazyHydratedModules'].add(id)
        })
      }
      // wrap the async component in a second component to avoid loading the chunk too soon
      const child = defineAsyncComponent({ loader })
      const comp = defineAsyncComponent({
        hydrate: defineStrategy(props as ExtractPropTypes<P>),
        loader: () => Promise.resolve(child),
      })
      const onVnodeMounted = () => { ctx.emit('hydrated') }
      return () => h(comp, mergeProps(ctx.attrs, { onVnodeMounted }), ctx.slots)
    },
  })
}