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

packages/nuxt/src/components/loader.ts

@@ -65,7 +65,7 @@ export const loaderPlugin = createUnplugin((options: LoaderOptions) => {
  const s = new MagicString(code)
 
  // 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)
  if (component) {
  let identifier = map.get(component) || `__nuxt_component_${num++}`

test/fixtures/basic/components/Nested/SugarCounter.vue

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

test/fixtures/basic/pages/index.vue

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