Function handler

packages/nuxt/src/components/plugins/transform.ts:72–118

(_code, id)

          id: COMPONENT_QUERY_RE,
        },
        handler (_code, id) {
          // Virtual component wrapper
          const { search } = parseModuleId(id)
          const params = new URLSearchParams(search)
          const mode = params.get('nuxt_component')
          const bare = id.replace(/\?.*/, '')
          const componentExport = params.get('nuxt_component_export') || 'default'
          const exportWording = componentExport === 'default' ? 'export default' : `export const ${componentExport} =`
          if (mode === 'async') {
            return {
              code: [
                'import { defineAsyncComponent } from "vue"',
                `${exportWording} defineAsyncComponent(() => import(${JSON.stringify(bare)}).then(r => r[${JSON.stringify(componentExport)}] || r.default || r))`,
              ].join('\n'),
              map: null,
            }
          } else if (mode === 'client') {
            return {
              code: [
                genImport(bare, [{ name: componentExport, as: '__component' }]),
                'import { createClientOnly } from "#app/components/client-only"',
                `${exportWording} createClientOnly(__component)`,
              ].join('\n'),
              map: null,
            }
          } else if (mode === 'client,async') {
            return {
              code: [
                'import { defineAsyncComponent } from "vue"',
                'import { createClientOnly } from "#app/components/client-only"',
                `${exportWording} defineAsyncComponent(() => import(${JSON.stringify(bare)}).then(r => createClientOnly(r[${JSON.stringify(componentExport)}] || r.default || r)))`,
              ].join('\n'),
              map: null,
            }
          } else if (mode === 'server' || mode === 'server,async') {
            const name = params.get('nuxt_component_name')
            return {
              code: [
                `import { createServerComponent } from ${JSON.stringify(options.serverComponentRuntime)}`,
                `${exportWording} createServerComponent(${JSON.stringify(name)})`,
              ].join('\n'),
              map: null,
            }
          } else {
            throw new Error(`Unknown component mode: ${mode}, this might be an internal bug of Nuxt.`)
          }
        },
      },
    },
    {