Zengtudor/Nuxt
1
0
Fork 0
mirror of https://github.com/nuxt/nuxt.git synced 2024-12-01 18:07:22 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(nuxt): allow auto-import component with same filename (#7713)

Browse Source
This commit is contained in:
Daniel Roe 2022-10-03 14:38:43 +01:00 committed by GitHub
parent c11630328d
commit a3fd4193ce
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 13 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/nuxt/src/components/loader.ts
View File

@ -65,7 +65,7 @@ export const loaderPlugin = createUnplugin((options: LoaderOptions) => {
const s = new MagicString(code) const s = new MagicString(code)
// replace `_resolveComponent("...")` to direct import // replace `_resolveComponent("...")` to direct import
s.replace(/(?<=[ (])_?resolveComponent\(\s*["'](lazy-|Lazy)?([^'"]*?)["'][\s,]*\)/g, (full, lazy, name) => { s.replace(/(?<=[ (])_?resolveComponent\(\s*["'](lazy-|Lazy)?([^'"]*?)["'][\s,]*[^)]*\)/g, (full, lazy, name) => {
const component = findComponent(components, name, options.mode) const component = findComponent(components, name, options.mode)
if (component) { if (component) {
let identifier = map.get(component) || `__nuxt_component_${num++}` let identifier = map.get(component) || `__nuxt_component_${num++}`

11
test/fixtures/basic/components/Nested/SugarCounter.vue vendored Normal file
View File

@ -0,0 +1,11 @@
<script setup lang="ts">
defineProps({
count: Number
})
</script>
<template>
<div>
<SugarCounter :count="count" />
</div>
</template>

2
test/fixtures/basic/pages/index.vue vendored
View File

@ -12,7 +12,7 @@
<NuxtLink to="/"> <NuxtLink to="/">
Link Link
</NuxtLink> </NuxtLink>
<SugarCounter :count="12" /> <NestedSugarCounter :count="12" />
<CustomComponent /> <CustomComponent />
<component :is="`test${'-'.toString()}global`" /> <component :is="`test${'-'.toString()}global`" />
<component :is="`with${'-'.toString()}suffix`" /> <component :is="`with${'-'.toString()}suffix`" />