fix: ignore /@ prefixed importing

Author: antfu

src/transforms/customComponent.ts

@@ -12,8 +12,8 @@ export function CustomComponentTransformer(ctx: Context): Transform {
     },
     transform({ code, path }) {
       const filepath = ctx.normalizePath(path)
-      const componentNames = Array.from(code.matchAll(/_resolveComponent\("(.*)"\)/g)).map(i => normalize(i[1]))
 
+      const componentNames = Array.from(code.matchAll(/_resolveComponent\("(.*)"\)/g)).map(i => normalize(i[1]))
       const entry = code.match(/export default ([a-zA-Z_$0-9]+);/)?.[1]
 
       if (!entry) {

src/transforms/vueScript.ts

@@ -14,7 +14,9 @@ const debug = Debug('vite-plugin-components:transform:script')
 export function VueScriptTransformer(ctx: Context): Transform {
   return {
     test({ path, query }) {
-      return path.endsWith('.vue') && !query.type
+      return !path.startsWith('/@')
+        && path.endsWith('.vue')
+        && !query.type
     },
     transform({ code, path, isBuild }) {
       const filepath = ctx.normalizePath(ctx.relative(path))

src/transforms/vueScriptSetup.ts

@@ -8,7 +8,8 @@ const debug = Debug('vite-plugin-components:transform:script-setup')
 export function VueScriptSetupTransformer(ctx: Context): Transform {
   return {
     test({ path, query }) {
-      return path.endsWith('.vue')
+      return !path.startsWith('/@')
+        && path.endsWith('.vue')
         && query.type === 'script'
         && (Boolean(query.setup) || query.setup === '')
     },

src/transforms/vueTemplate.ts

@@ -14,7 +14,9 @@ const debug = Debug('vite-plugin-components:transform:template')
 export function VueTemplateTransformer(ctx: Context): Transform {
   return {
     test({ path, query }) {
-      return path.endsWith('.vue') && query.type === 'template'
+      return !path.startsWith('/@')
+        && path.endsWith('.vue')
+        && query.type === 'template'
     },
     transform({ code, path }) {
       const filepath = ctx.normalizePath(path)