Zengtudor/Nuxt
1
0
Fork 0
mirror of https://github.com/nuxt/nuxt.git synced 2025-02-24 01:19:58 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: make it only vite compatible for now

Browse Source
This commit is contained in:
julien huang 2023-08-18 21:55:29 +02:00
parent b3087140ac
commit 79fc8a19da
2 changed files with 16 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
packages/nuxt/src/components/islandsTransform.ts
View File

@ -23,14 +23,12 @@ const HAS_SLOT_RE = /<slot[ /]/
const TEMPLATE_RE = /<template>([\s\S]*)<\/template>/
const NUXTCLIENT_ATTR_RE = /\snuxt-client(="[^"]*")?/g
export const islandsTransform = createUnplugin((options: ServerOnlyComponentTransformPluginOptions & {nuxt: Nuxt}) => {
export const islandsTransform = createUnplugin((options: ServerOnlyComponentTransformPluginOptions, meta) => {
const components = options.getComponents()
const isVite = meta.framework === 'vite'
return {
name: 'server-only-component-transform',
enforce: 'pre',
vite: {
},
transformInclude (id) {
if (!isVue(id)) { return false }
@ -51,6 +49,8 @@ export const islandsTransform = createUnplugin((options: ServerOnlyComponentTran
return full + '\nimport { vforToArray as __vforToArray } from \'#app/components/utils\'' + '\nimport TeleportIfClient from \'#app/components/TeleportIfClient\''
})
let hasNuxtClient = false
const ast = parse(template[0])
await walk(ast, (node) => {
if (node.type === ELEMENT_NODE) {
@ -92,15 +92,22 @@ export const islandsTransform = createUnplugin((options: ServerOnlyComponentTran
}
}
} else if ('nuxt-client' in node.attributes) {
// handle granular interactivity
const htmlCode = code.slice(startingIndex + node.loc[0].start, startingIndex + node.loc[1].end)
const uid = hash(id + node.loc[0].start + node.loc[0].end)
hasNuxtClient = true
if (isVite) {
// handle granular interactivity
const htmlCode = code.slice(startingIndex + node.loc[0].start, startingIndex + node.loc[1].end)
const uid = hash(id + node.loc[0].start + node.loc[0].end)
s.overwrite(node.loc[0].start, node.loc[1].end, `<TeleportIfClient to="${node.name}-${uid}" ${options.rootDir ? `root-dir="${options.rootDir}"` : ''} :nuxt-client="${node.attributes['nuxt-client'] || 'true'}">${htmlCode.replaceAll(NUXTCLIENT_ATTR_RE, '')}</TeleportIfClient>`)
s.overwrite(node.loc[0].start, node.loc[1].end, `<TeleportIfClient to="${node.name}-${uid}" ${options.rootDir ? `root-dir="${options.rootDir}"` : ''} :nuxt-client="${node.attributes['nuxt-client'] || 'true'}">${htmlCode.replaceAll(NUXTCLIENT_ATTR_RE, '')}</TeleportIfClient>`)
}
}
}
})
if (!isVite && hasNuxtClient) {
console.warn(`nuxt-client attribute and client components within islands is only supported in vite mode. file: ${id}`)
}
if (s.hasChanged()) {
return {
code: s.toString(),

3
packages/nuxt/src/components/module.ts
View File

@ -233,8 +233,7 @@ export default defineNuxtModule<ComponentsOptions>({
if (isServer) {
config.plugins.push(islandsTransform.vite({
getComponents,
rootDir: nuxt.options.rootDir,
nuxt
rootDir: nuxt.options.rootDir
}))
} else {
config.plugins.push(componentsChunkPlugin.vite({