Function handler

packages/nuxt/src/components/plugins/islands-transform.ts:55–149

(code, id)

        },
      },
      async handler (code, id) {
        const template = code.match(TEMPLATE_RE)
        if (!template) { return }
        const startingIndex = template.index || 0
        const s = new MagicString(code)

        const { pathname } = parseModuleId(normalize(id))
        const isIsland = isIslandFile(pathname, options)

        if (!SCRIPT_RE.test(code)) {
          s.prepend('<script setup>' + IMPORT_CODE + '</script>')
        } else {
          s.replace(SCRIPT_RE_GLOBAL, (full) => {
            return full + IMPORT_CODE
          })
        }

        let hasNuxtClient = false

        const ast = parse(template[0])
        await walk(ast, (node) => {
          if (node.type !== ELEMENT_NODE) {
            return
          }
          if (node.name === 'slot') {
            if (!isIsland) { return }
            const { attributes, children, loc } = node

            const slotName = attributes.name ?? 'default'

            if (attributes.name) { delete attributes.name }
            if (attributes['v-bind']) {
              attributes._bind = extractAttributes(attributes, ['v-bind'])['v-bind']!
            }
            const teleportAttributes = extractAttributes(attributes, ['v-if', 'v-else-if', 'v-else'])
            const bindings = getPropsToString(attributes)
            // add the wrapper
            s.appendLeft(startingIndex + loc[0].start, `<NuxtTeleportSsrSlot${attributeToString(teleportAttributes)} name="${slotName}" :props="${bindings}">`)

            if (children.length) {
              // pass slot fallback to NuxtTeleportSsrSlot fallback
              const attrString = attributeToString(attributes)
              const slice = code.slice(startingIndex + loc[0].end, startingIndex + loc[1].start).replaceAll(KEY_RE, '')
              s.overwrite(startingIndex + loc[0].start, startingIndex + loc[1].end, `<slot${attrString.replaceAll(EXTRACTED_ATTRS_RE, '')}/><template #fallback>${attributes['v-for'] ? wrapWithVForDiv(slice, attributes['v-for']) : slice}</template>`)
            } else {
              s.overwrite(startingIndex + loc[0].start, startingIndex + loc[0].end, code.slice(startingIndex + loc[0].start, startingIndex + loc[0].end).replaceAll(EXTRACTED_ATTRS_RE, ''))
            }

            s.appendRight(startingIndex + loc[1].end, '</NuxtTeleportSsrSlot>')
            return
          }

          if (node.name === 'NuxtTeleportIslandComponent') {
            return
          }

          if (!('nuxt-client' in node.attributes) && !(':nuxt-client' in node.attributes)) {
            return