@immense/vue-pom-generator 1.0.3 → 1.0.8

package/dist/index.mjs

@@ -2,17 +2,66 @@ import path from "node:path";
 import process from "node:process";
 import { pathToFileURL, fileURLToPath } from "node:url";
 import fs from "node:fs";
+import { JSDOM } from "jsdom";
 import { NodeTypes, stringifyExpression, ConstantTypes, createSimpleExpression } from "@vue/compiler-core";
 import { isArrayExpression, isStringLiteral, isTemplateLiteral, isAssignmentExpression, isIdentifier, isMemberExpression, isCallExpression, isExpressionStatement, isOptionalMemberExpression, isObjectExpression, isFile, isArrowFunctionExpression, isBlockStatement, isOptionalCallExpression, isLogicalExpression, isConditionalExpression, isSequenceExpression, isObjectProperty, isProgram, VISITOR_KEYS } from "@babel/types";
 import { parseExpression, parse } from "@babel/parser";
-import { JSDOM } from "jsdom";
 import { performance } from "node:perf_hooks";
 import * as compilerDom from "@vue/compiler-dom";
-import { parse as parse$2, compile } from "@vue/compiler-dom";
+import { parse as parse$2 } from "@vue/compiler-dom";
 import { parse as parse$1 } from "@vue/compiler-sfc";
 import virtualImport from "vite-plugin-virtual";
 import vue from "@vitejs/plugin-vue";
-import { extend } from "@vue/shared";
+const VUE_POM_GENERATOR_LOG_PREFIX = "[vue-pom-generator]";
+function normalize(message) {
+  const trimmed = (message ?? "").trim();
+  if (!trimmed)
+    return VUE_POM_GENERATOR_LOG_PREFIX;
+  if (trimmed.startsWith(VUE_POM_GENERATOR_LOG_PREFIX))
+    return trimmed;
+  return `${VUE_POM_GENERATOR_LOG_PREFIX} ${trimmed}`;
+}
+function createLogger(options) {
+  const { verbosity, viteLogger } = options;
+  const sinkInfo = (msg) => {
+    if (viteLogger) {
+      viteLogger.info(normalize(msg));
+      return;
+    }
+    console.log(normalize(msg));
+  };
+  const sinkWarn = (msg) => {
+    if (viteLogger) {
+      viteLogger.warn(normalize(msg));
+      return;
+    }
+    console.warn(normalize(msg));
+  };
+  const sinkDebug = (msg) => {
+    if (viteLogger) {
+      viteLogger.info(normalize(msg));
+      return;
+    }
+    console.log(normalize(msg));
+  };
+  return {
+    info(message) {
+      if (verbosity === "silent" || verbosity === "warn")
+        return;
+      sinkInfo(message);
+    },
+    debug(message) {
+      if (verbosity !== "debug")
+        return;
+      sinkDebug(message);
+    },
+    warn(message) {
+      if (verbosity === "silent")
+        return;
+      sinkWarn(message);
+    }
+  };
+}
 const INDENT = "    ";
 const INDENT2 = `${INDENT}${INDENT}`;
 const INDENT3 = `${INDENT2}${INDENT}`;
@@ -147,10 +196,21 @@ ${INDENT}}
 `;
   return content;
 }
+function isAllDigits(value) {
+  if (!value)
+    return false;
+  for (let i = 0; i < value.length; i++) {
+    const code = value.charCodeAt(i);
+    if (code < 48 || code > 57)
+      return false;
+  }
+  return true;
+}
 function generateGetElementByDataTestId(methodName, nativeRole, formattedDataTestId, alternateFormattedDataTestIds, getterNameOverride, params) {
   const roleSuffix = upperFirst$1(nativeRole || "Element");
   const baseName = upperFirst$1(methodName);
-  const hasRoleSuffix = baseName.endsWith(roleSuffix) || new RegExp(`^${roleSuffix}\\d+$`).test(baseName);
+  const numericSuffix = baseName.startsWith(roleSuffix) ? baseName.slice(roleSuffix.length) : "";
+  const hasRoleSuffix = baseName.endsWith(roleSuffix) || baseName.startsWith(roleSuffix) && isAllDigits(numericSuffix);
   const propertyName = hasRoleSuffix ? `${baseName}` : `${baseName}${roleSuffix}`;
   const needsKey = hasParam(params, "key") || formattedDataTestId.includes("${key}");
   if (needsKey) {
@@ -456,6 +516,23 @@ function tryGetClickDirective(node) {
 function nodeHasClickDirective(node) {
   return tryGetClickDirective(node) !== void 0;
 }
+function getTemplateSlotScope(node) {
+  if (node.tag !== "template") {
+    return null;
+  }
+  const slotProp = node.props.find((prop) => {
+    return prop.type === NodeTypes.DIRECTIVE && prop.name === "slot";
+  });
+  if (slotProp?.exp) {
+    if (slotProp.exp.type === NodeTypes.SIMPLE_EXPRESSION) {
+      return slotProp.exp.content;
+    }
+    if (slotProp.exp.type === NodeTypes.COMPOUND_EXPRESSION) {
+      return stringifyExpression(slotProp.exp);
+    }
+  }
+  return null;
+}
 function nodeHasToDirective(node) {
   const toDirective = findDirectiveByName(node, "bind", "to");
   if (toDirective?.exp) {
@@ -525,6 +602,37 @@ function getIdOrName(node) {
   }
   return identifier;
 }
+function getContainedInSlotDataKeyValue(node, hierarchyMap2) {
+  let parent = getParent(hierarchyMap2, node);
+  while (parent) {
+    if (parent.type === NodeTypes.ELEMENT && parent.tag === "template") {
+      const scope = getTemplateSlotScope(parent);
+      if (scope) {
+        let key = scope.trim();
+        if (key.startsWith("{") && key.endsWith("}")) {
+          const inner = key.slice(1, -1).trim();
+          let cutIdx = -1;
+          const commaIdx = inner.indexOf(",");
+          const colonIdx = inner.indexOf(":");
+          if (commaIdx !== -1 && colonIdx !== -1) {
+            cutIdx = Math.min(commaIdx, colonIdx);
+          } else if (commaIdx !== -1) {
+            cutIdx = commaIdx;
+          } else if (colonIdx !== -1) {
+            cutIdx = colonIdx;
+          }
+          const first = (cutIdx === -1 ? inner : inner.slice(0, cutIdx)).trim();
+          if (first) {
+            key = first;
+          }
+        }
+        return key;
+      }
+    }
+    parent = getParent(hierarchyMap2, parent);
+  }
+  return null;
+}
 function getContainedInVForDirectiveKeyValue(context, node, hierarchyMap2) {
   if (!context.scopes.vFor || context.scopes.vFor === 0) {
     return null;
@@ -614,6 +722,9 @@ function tryGetContainedInStaticVForSourceLiteralValues(context, _node, _hierarc
 function getParent(hierarchyMap2, node) {
   return hierarchyMap2.get(node) || null;
 }
+function nodeHandlerAttributeValue(node) {
+  return nodeHandlerAttributeInfo(node)?.semanticNameHint ?? null;
+}
 function nodeHandlerAttributeInfo(node) {
   const handlerDirective = findDirectiveByName(node, "bind", "handler");
   if (!handlerDirective?.exp) {
@@ -972,7 +1083,7 @@ function generateToDirectiveDataTestId(componentName, node, toDirective, context
       }
       const source = stringifyExpression(toDirective.exp);
       const toAst = toDirective.exp.ast;
-      const interpolated = !(toAst == null || toAst === false || toAst) && isTemplateLiteral(toAst);
+      const interpolated = toAst !== void 0 && toAst !== null && toAst !== false && isTemplateLiteral(toAst);
       return templateAttributeValue(`${componentName}-\${${source}${interpolated ? ".replaceAll(' ', '')" : "?.name?.replaceAll(' ', '') ?? ''"}}${formatTagName(node, nativeWrappers)}`);
     } else {
       const innerText = getInnerText(node);
@@ -1033,7 +1144,7 @@ function toDirectiveObjectFieldNameValue(node) {
     return null;
   }
 }
-function getComposedClickHandlerContent(node, _context, _innerText, clickDirective, _options = {}) {
+function getComposedClickHandlerContent(node, _context, innerText, clickDirective, _options = {}) {
   const click = clickDirective ?? tryGetClickDirective(node);
   if (!click) {
     return "";
@@ -1052,8 +1163,9 @@ function getComposedClickHandlerContent(node, _context, _innerText, clickDirecti
       }
     }
   }
-  handlerName = normalizeHandlerName(handlerName);
-  const normalizedHandlerSegment = handlerName ? `-${toPascalCase(handlerName)}` : "";
+  const hName = normalizeHandlerName(handlerName);
+  const name = hName || innerText || "";
+  const normalizedHandlerSegment = name ? `-${toPascalCase(name)}` : "";
   const result = normalizedHandlerSegment;
   return result.replace(/[^a-z-]/gi, "");
 }
@@ -1349,6 +1461,31 @@ function tryGetExistingElementDataTestId(node, attributeName = "data-testid") {
   if (!raw) {
     return null;
   }
+  try {
+    const ast2 = parseExpression(raw, { plugins: ["typescript"] });
+    if (ast2 && typeof ast2 === "object" && "type" in ast2 && ast2.type === "TemplateLiteral") {
+      const tl = ast2;
+      const cooked = (tl.quasis ?? []).map((q) => q.value?.cooked ?? "").join("");
+      const expressionCount = (tl.expressions ?? []).length;
+      const isStatic = expressionCount === 0;
+      const unwrappedTemplate = raw.startsWith("`") && raw.endsWith("`") && raw.length >= 2 ? raw.slice(1, -1) : cooked;
+      if (isStatic) {
+        return { value: unwrappedTemplate, isDynamic: false, isStaticLiteral: true };
+      }
+      return {
+        value: unwrappedTemplate,
+        isDynamic: true,
+        isStaticLiteral: false,
+        template: unwrappedTemplate,
+        templateExpressionCount: expressionCount
+      };
+    }
+    if (ast2 && typeof ast2 === "object" && "type" in ast2 && ast2.type === "StringLiteral") {
+      const sl = ast2;
+      return { value: sl.value ?? "", isDynamic: false, isStaticLiteral: true };
+    }
+  } catch {
+  }
   return { value: raw, isDynamic: true, isStaticLiteral: false, rawExpression: raw };
 }
 function isTemplatePlaceholder(part) {
@@ -1476,13 +1613,15 @@ Existing ${attrLabel}: ${JSON.stringify(existing.value)}
 Fix: reduce the template to a single key-based interpolation, or remove the explicit ${attrLabel} so it can be auto-generated.`
             );
           }
-          if (args.bestKeyPlaceholder && !existing.template.includes(args.bestKeyPlaceholder)) {
+          const hasExact = args.bestKeyPlaceholder && existing.template.includes(args.bestKeyPlaceholder);
+          const hasVarAccess = args.bestKeyVariable && existing.template.includes(args.bestKeyVariable);
+          if (!hasExact && !hasVarAccess && args.bestKeyPlaceholder) {
             throw new Error(
               `[vue-pom-generator] Existing ${attrLabel} appears to be missing the key placeholder needed to keep it unique.
 Component: ${args.componentName}
 File: ${file}:${locationHint}
 Existing ${attrLabel}: ${JSON.stringify(existing.value)}
-Required placeholder: ${JSON.stringify(args.bestKeyPlaceholder)}
+Required placeholder: ${JSON.stringify(args.bestKeyPlaceholder)}${args.bestKeyVariable ? ` or an access on "${args.bestKeyVariable}"` : ""}
 
 Fix: either (1) include ${args.bestKeyPlaceholder} in your :${attrLabel} template literal, or (2) remove the explicit ${attrLabel} so it can be auto-generated.`
             );
@@ -1507,7 +1646,7 @@ If you really need a computed id, do not set existingIdBehavior="preserve".`
 Component: ${args.componentName}
 File: ${file}:${locationHint}
 Existing ${attrLabel}: ${JSON.stringify(existing.value)}
-Required placeholder: ${JSON.stringify(args.bestKeyPlaceholder)}
+Required placeholder: ${JSON.stringify(args.bestKeyPlaceholder)}${args.bestKeyVariable ? ` or an access on "${args.bestKeyVariable}"` : ""}
 
 Fix: either (1) include ${args.bestKeyPlaceholder} in your :${attrLabel} template literal, or (2) remove the explicit ${attrLabel} so it can be auto-generated.`
           );
@@ -1534,6 +1673,7 @@ Fix: either (1) include ${args.bestKeyPlaceholder} in your :${attrLabel} templat
       case "checkbox":
       case "toggle":
       case "radio":
+      case "grid":
         return role;
       default:
         return void 0;
@@ -1628,10 +1768,10 @@ Fix: either (1) include ${args.bestKeyPlaceholder} in your :${attrLabel} templat
   args.dependencies.__pomPrimaryByGetterName ??= /* @__PURE__ */ new Map();
   const primaryByActionName = args.dependencies.__pomPrimaryByActionName;
   const hintCandidates = (() => {
-    const baseHints = [args.semanticNameHint];
-    if (nameCollisionBehavior === "error") {
-      baseHints.push(...args.semanticNameHintAlternates ?? []);
-    }
+    const baseHints = [
+      args.semanticNameHint,
+      ...args.semanticNameHintAlternates ?? []
+    ];
     const out = [];
     const seen = /* @__PURE__ */ new Set();
     for (const h of baseHints) {
@@ -2380,6 +2520,84 @@ async function ensureDomShim() {
   if (!g.requestAnimationFrame)
     g.requestAnimationFrame = (cb) => setTimeout(() => cb(Date.now()), 16);
 }
+async function introspectNuxtPages(projectRoot) {
+  const possiblePagesDirs = ["app/pages", "pages"];
+  let pagesDir = "";
+  for (const dir of possiblePagesDirs) {
+    const abs = path.resolve(projectRoot, dir);
+    if (fs.existsSync(abs) && fs.statSync(abs).isDirectory()) {
+      pagesDir = abs;
+      break;
+    }
+  }
+  if (!pagesDir) {
+    debugLog(`[router-introspection][nuxt] Could not find pages directory in ${projectRoot}`);
+    return { routeNameMap: /* @__PURE__ */ new Map(), routePathMap: /* @__PURE__ */ new Map(), routeMetaEntries: [] };
+  }
+  const routeMetaEntries = [];
+  const walk = (dir, baseRoute) => {
+    const files = fs.readdirSync(dir);
+    for (const file of files) {
+      const fullPath = path.join(dir, file);
+      const stat = fs.statSync(fullPath);
+      if (stat.isDirectory()) {
+        walk(fullPath, `${baseRoute}/${file}`);
+        continue;
+      }
+      if (!file.endsWith(".vue"))
+        continue;
+      const componentName = file.slice(0, -4);
+      if (componentName === "index" && baseRoute === "") {
+        routeMetaEntries.push({
+          componentName: "index",
+          pathTemplate: "/",
+          params: [],
+          query: []
+        });
+        continue;
+      }
+      let routePath = componentName === "index" ? baseRoute : `${baseRoute}/${componentName}`;
+      if (!routePath.startsWith("/"))
+        routePath = `/${routePath}`;
+      const params = [];
+      let pathTemplate = "";
+      for (let i = 0; i < routePath.length; i++) {
+        const ch = routePath[i];
+        if (ch !== "[") {
+          pathTemplate += ch;
+          continue;
+        }
+        let name = "";
+        i++;
+        while (i < routePath.length) {
+          const c = routePath[i];
+          if (c === "]")
+            break;
+          name += c;
+          i++;
+        }
+        if (name) {
+          params.push({ name, optional: false });
+          pathTemplate += `:${name}`;
+        } else {
+          pathTemplate += "[]";
+        }
+      }
+      routeMetaEntries.push({
+        componentName,
+        pathTemplate,
+        params,
+        query: []
+      });
+    }
+  };
+  walk(pagesDir, "");
+  return {
+    routeNameMap: /* @__PURE__ */ new Map(),
+    routePathMap: /* @__PURE__ */ new Map(),
+    routeMetaEntries
+  };
+}
 async function parseRouterFileFromCwd(routerEntryPath) {
   return await runRouterIntrospectionExclusive(async () => {
     const routerEntry = path.resolve(routerEntryPath);
@@ -2495,9 +2713,9 @@ function resolveRouterEntry(projectRoot, routerEntry) {
   const root = projectRoot ?? process.cwd();
   return path.isAbsolute(routerEntry) ? routerEntry : path.resolve(root, routerEntry);
 }
-async function getRouteMetaByComponent(projectRoot, routerEntry) {
-  const resolvedRouterEntry = resolveRouterEntry(projectRoot, routerEntry);
-  const { routeMetaEntries } = await parseRouterFileFromCwd(resolvedRouterEntry);
+async function getRouteMetaByComponent(projectRoot, routerEntry, routerType) {
+  const root = projectRoot ?? process.cwd();
+  const { routeMetaEntries } = routerType === "nuxt" ? await introspectNuxtPages(root) : await parseRouterFileFromCwd(resolveRouterEntry(root, routerEntry));
   const map = /* @__PURE__ */ new Map();
   for (const entry of routeMetaEntries) {
     const list = map.get(entry.componentName) ?? [];
@@ -2650,12 +2868,14 @@ async function generateFiles(componentHierarchyMap, vueFilesPathMap, basePageCla
     customPomImportAliases,
     testIdAttribute,
     emitLanguages: emitLanguagesOverride,
+    csharp,
     vueRouterFluentChaining,
-    routerEntry
+    routerEntry,
+    routerType
   } = options;
   const emitLanguages = emitLanguagesOverride?.length ? emitLanguagesOverride : ["ts"];
   const outDir = outDirOverride ?? "./pom";
-  const routeMetaByComponent = vueRouterFluentChaining ? await getRouteMetaByComponent(projectRoot, routerEntry) : void 0;
+  const routeMetaByComponent = vueRouterFluentChaining ? await getRouteMetaByComponent(projectRoot, routerEntry, routerType) : void 0;
   if (emitLanguages.includes("ts")) {
     const files = await generateAggregatedFiles(componentHierarchyMap, vueFilesPathMap, basePageClassPath, outDir, {
       customPomAttachments,
@@ -2677,7 +2897,8 @@ async function generateFiles(componentHierarchyMap, vueFilesPathMap, basePageCla
   }
   if (emitLanguages.includes("csharp")) {
     const csFiles = generateAggregatedCSharpFiles(componentHierarchyMap, outDir, {
-      projectRoot
+      testIdAttribute,
+      csharp
     });
     for (const file of csFiles) {
       createFile(file.filePath, file.content);
@@ -2700,11 +2921,11 @@ function toCSharpParam(paramTypeExpr) {
   const right = eqIdx >= 0 ? trimmed.slice(eqIdx + 1).trim() : void 0;
   const typePart = left.includes("|") ? "string" : left;
   let type = "string";
-  if (/(^|\s)boolean(\s|$)/.test(typePart))
+  if (/(?:^|\s)boolean(?:\s|$)/.test(typePart))
     type = "bool";
-  else if (/(^|\s)string(\s|$)/.test(typePart))
+  else if (/(?:^|\s)string(?:\s|$)/.test(typePart))
     type = "string";
-  else if (/(^|\s)number(\s|$)/.test(typePart))
+  else if (/(?:^|\s)number(?:\s|$)/.test(typePart))
     type = "int";
   else if (/\d+/.test(typePart) && typePart === "")
     type = "int";
@@ -2741,8 +2962,9 @@ function formatCSharpParams(params) {
   return { signature: signatureParts.join(", "), argNames };
 }
 function generateAggregatedCSharpFiles(componentHierarchyMap, outDir, options = {}) {
-  const projectRoot = options.projectRoot ?? process.cwd();
-  const outAbs = path.isAbsolute(outDir) ? outDir : path.resolve(projectRoot, outDir);
+  const outAbs = ensureDir(outDir);
+  const namespace = options.csharp?.namespace ?? "Playwright.Generated";
+  const testIdAttribute = (options.testIdAttribute || "data-testid").trim() || "data-testid";
   const entries = Array.from(componentHierarchyMap.entries()).sort((a, b) => a[0].localeCompare(b[0]));
   const header = [
     "// <auto-generated>",
@@ -2756,13 +2978,13 @@ function generateAggregatedCSharpFiles(componentHierarchyMap, outDir, options =
     "using System.Threading.Tasks;",
     "using Microsoft.Playwright;",
     "",
-    "namespace ImmyBot.Playwright.Generated;",
+    `namespace ${namespace};`,
     "",
-    "public abstract class BasePage",
+    "public abstract partial class BasePage",
     "{",
     "    protected BasePage(IPage page) => Page = page;",
     "    protected IPage Page { get; }",
-    "    protected ILocator LocatorByTestId(string testId) => Page.GetByTestId(testId);",
+    `    protected ILocator LocatorByTestId(string testId) => Page.Locator($"[${testIdAttribute}=\\"{testId}\\"]");`,
     "",
     "    // Minimal vue-select helper mirroring the TS BasePage.selectVSelectByTestId behavior.",
     "    // Note: annotationText is currently a no-op in C# output (we don't render a cursor overlay).",
@@ -2786,10 +3008,11 @@ function generateAggregatedCSharpFiles(componentHierarchyMap, outDir, options =
   ].join("\n");
   const chunks = [header];
   for (const [componentName, deps] of entries) {
+    const className = toPascalCaseLocal(componentName);
     chunks.push(
-      `public sealed class ${componentName} : BasePage
+      `public partial class ${className} : BasePage
 {
-    public ${componentName}(IPage page) : base(page) { }
+    public ${className}(IPage page) : base(page) { }
 `
     );
     const primaries = Array.from(deps.dataTestIdSet ?? []).map((e) => ({ pom: e.pom, target: e.targetPageObjectModelClass })).filter((x) => !!x.pom).sort((a, b) => a.pom.methodName.localeCompare(b.pom.methodName));
@@ -2928,7 +3151,7 @@ function generateAggregatedCSharpFiles(componentHierarchyMap, outDir, options =
   return [{ filePath: outputFile, content: chunks.join("\n") }];
 }
 function maybeGenerateFixtureRegistry(componentHierarchyMap, options) {
-  const { generateFixtures, pomOutDir, projectRoot } = options;
+  const { generateFixtures, pomOutDir } = options;
   if (!generateFixtures)
     return;
   const defaultFixtureOutDirRel = pomOutDir;
@@ -2936,7 +3159,7 @@ function maybeGenerateFixtureRegistry(componentHierarchyMap, options) {
   const looksLikeFilePath = fixtureOutRel.endsWith(".ts") || fixtureOutRel.endsWith(".tsx") || fixtureOutRel.endsWith(".mts") || fixtureOutRel.endsWith(".cts");
   const fixtureOutDirRel = looksLikeFilePath ? path.dirname(fixtureOutRel) : fixtureOutRel;
   const fixtureFileName = looksLikeFilePath ? path.basename(fixtureOutRel) : "fixtures.g.ts";
-  const root = projectRoot ?? process.cwd();
+  const root = options.projectRoot ?? process.cwd();
   const fixtureOutDirAbs = path.isAbsolute(fixtureOutDirRel) ? fixtureOutDirRel : path.resolve(root, fixtureOutDirRel);
   const pomDirAbs = path.isAbsolute(pomOutDir) ? pomOutDir : path.resolve(root, pomOutDir);
   const pomImport = toPosixRelativePath(fixtureOutDirAbs, pomDirAbs);
@@ -3177,7 +3400,7 @@ async function generateAggregatedFiles(componentHierarchyMap, vueFilesPathMap, b
   const views = entries.filter(([, d]) => d.isView);
   const components = entries.filter(([, d]) => !d.isView);
   const makeAggregatedContent = (header2, outputDir, items) => {
-    const imports = ['import type { Locator as PwLocator, Page as PwPage } from "@playwright/test";'];
+    const imports = [];
     if (!basePageClassPath) {
       throw new Error("basePageClassPath is required for aggregated generation");
     }
@@ -3190,6 +3413,16 @@ async function generateAggregatedFiles(componentHierarchyMap, vueFilesPathMap, b
       "  err?: string;",
       "}"
     ].join("\n");
+    const inlinePlaywrightTypesModule = () => {
+      const typesPath = fileURLToPath(new URL("./playwright-types.ts", import.meta.url));
+      let typesSource = "";
+      try {
+        typesSource = fs.readFileSync(typesPath, "utf8");
+      } catch {
+        throw new Error(`Failed to read playwright-types.ts at ${typesPath}`);
+      }
+      return typesSource.trim();
+    };
     const inlinePointerModule = () => {
       const pointerPath = fileURLToPath(new URL("./Pointer.ts", import.meta.url));
       let pointerSource = "";
@@ -3212,6 +3445,10 @@ async function generateAggregatedFiles(componentHierarchyMap, vueFilesPathMap, b
         /import\s+type\s*\{\s*Locator\s+as\s+PwLocator\s*,\s*Page\s+as\s+PwPage\s*\}\s*from\s*["']@playwright\/test["'];?\s*/,
         ""
       );
+      pointerSource = pointerSource.replace(
+        /import\s+type\s*\{\s*PwLocator\s*,\s*PwPage\s*\}\s*from\s*["']\.\/playwright-types["'];?\s*/,
+        ""
+      );
       return pointerSource.trim();
     };
     const inlineBasePageModule = () => {
@@ -3236,18 +3473,23 @@ async function generateAggregatedFiles(componentHierarchyMap, vueFilesPathMap, b
         ""
       );
       basePageSource = basePageSource.replace(
-        /import\s*\{\s*Pointer\s*\}\s*from\s*["']\.\/Pointer["'];?\s*/g,
+        /import\s+type\s*\{\s*PwLocator\s*,\s*PwPage\s*\}\s*from\s*["']\.\/playwright-types["'];?\s*/,
+        ""
+      );
+      basePageSource = basePageSource.replace(
+        /import\s+(?:type\s*)?\{[\s\S]*?\}\s*from\s*["']\.\/Pointer["'];?\s*/g,
         ""
       );
       return basePageSource.trim();
     };
+    const playwrightTypesInline = inlinePlaywrightTypesModule();
     const pointerInline = inlinePointerModule();
     const basePageInline = inlineBasePageModule();
     const addCustomPomImports = () => {
       const importAliases = {
         Toggle: "ToggleWidget",
         Checkbox: "CheckboxWidget",
-        ...options.customPomImportAliases ?? {}
+        ...options.customPomImportAliases
       };
       const customDirRelOrAbs = options.customPomDir ?? "tests/playwright/pom/custom";
       const customDirAbs = path.isAbsolute(customDirRelOrAbs) ? customDirRelOrAbs : path.resolve(projectRoot, customDirRelOrAbs);
@@ -3430,6 +3672,8 @@ async function generateAggregatedFiles(componentHierarchyMap, vueFilesPathMap, b
       header2,
       ...imports,
       "",
+      playwrightTypesInline,
+      "",
       pointerInline,
       "",
       basePageInline,
@@ -3441,7 +3685,8 @@ async function generateAggregatedFiles(componentHierarchyMap, vueFilesPathMap, b
   };
   const base = ensureDir(outDir);
   const outputFile = path.join(base, "page-object-models.g.ts");
-  const header = `${eslintSuppressionHeader}/**
+  const header = `/// <reference lib="es2015" />
+${eslintSuppressionHeader}/**
  * Aggregated generated POMs
 ${AUTO_GENERATED_COMMENT}`;
   const content = makeAggregatedContent(header, path.dirname(outputFile), [...views, ...components]);
@@ -3588,6 +3833,7 @@ function createBuildProcessorPlugin(options) {
     normalizedBasePagePath,
     outDir,
     emitLanguages,
+    csharp,
     generateFixtures,
     customPomAttachments,
     projectRootRef,
@@ -3596,6 +3842,7 @@ function createBuildProcessorPlugin(options) {
     testIdAttribute,
     routerAwarePoms,
     resolvedRouterEntry,
+    routerType,
     loggerRef
   } = options;
   let lastGeneratedEntryCount = 0;
@@ -3610,9 +3857,15 @@ function createBuildProcessorPlugin(options) {
         setResolveToComponentNameFn(() => null);
         return;
       }
-      if (!resolvedRouterEntry)
-        throw new Error("[vue-pom-generator] router.entry is required when router introspection is enabled.");
-      const { routeNameMap, routePathMap } = await parseRouterFileFromCwd(resolvedRouterEntry);
+      let result;
+      if (routerType === "nuxt") {
+        result = await introspectNuxtPages(projectRootRef.current);
+      } else {
+        if (!resolvedRouterEntry)
+          throw new Error("[vue-pom-generator] router.entry is required when router introspection is enabled.");
+        result = await parseRouterFileFromCwd(resolvedRouterEntry);
+      }
+      const { routeNameMap, routePathMap } = result;
       setRouteNameToComponentNameMap(routeNameMap);
       setResolveToComponentNameFn((to) => {
         if (typeof to === "string") {
@@ -3649,6 +3902,7 @@ function createBuildProcessorPlugin(options) {
       generateFiles(componentHierarchyMap, vueFilesPathMap, normalizedBasePagePath, {
         outDir,
         emitLanguages,
+        csharp,
         generateFixtures,
         customPomAttachments,
         projectRoot: projectRootRef.current,
@@ -3656,7 +3910,8 @@ function createBuildProcessorPlugin(options) {
         customPomImportAliases,
         testIdAttribute,
         vueRouterFluentChaining: routerAwarePoms,
-        routerEntry: resolvedRouterEntry
+        routerEntry: resolvedRouterEntry,
+        routerType
       });
       lastGeneratedEntryCount = entryCount;
       loggerRef.current.info(`generated POMs (${entryCount} entries)`);
@@ -3785,7 +4040,7 @@ function tryExtractStableHintFromConditionalExpressionSource(source) {
     return null;
   }
 }
-function tryInferNativeWrapperRoleFromSfc(tag) {
+function tryInferNativeWrapperRoleFromSfc(tag, vueFilesPathMap) {
   const first = tag.charCodeAt(0);
   const isUpper = first >= 65 && first <= 90;
   if (!isUpper)
@@ -3794,8 +4049,14 @@ function tryInferNativeWrapperRoleFromSfc(tag) {
   if (cached)
     return cached;
   const candidates = [
-    path.resolve(process.cwd(), "src/components", `${tag}.vue`)
+    path.resolve(process.cwd(), "src/components", `${tag}.vue`),
+    path.resolve(process.cwd(), "components", `${tag}.vue`),
+    path.resolve(process.cwd(), "app/components", `${tag}.vue`)
   ];
+  const registeredPath = vueFilesPathMap?.get(tag);
+  if (registeredPath) {
+    candidates.unshift(path.resolve(process.cwd(), registeredPath));
+  }
   const filePath = candidates.find((p) => fs.existsSync(p));
   if (!filePath) {
     inferredNativeWrapperConfigByTag.set(tag, { role: "" });
@@ -3836,14 +4097,22 @@ function tryInferNativeWrapperRoleFromSfc(tag) {
     inferredNativeWrapperConfigByTag.set(tag, { role: "" });
     return null;
   }
-  if (rootTag === "input" || rootTag === "textarea") {
+  if (rootTag === "input" || rootTag === "textarea" || rootTag === "uinput" || rootTag === "utextarea") {
     inferredNativeWrapperConfigByTag.set(tag, { role: "input" });
     return { role: "input" };
   }
-  if (rootTag === "select") {
+  if (rootTag === "select" || rootTag === "uselect") {
     inferredNativeWrapperConfigByTag.set(tag, { role: "select" });
     return { role: "select" };
   }
+  if (rootTag === "vselect") {
+    inferredNativeWrapperConfigByTag.set(tag, { role: "vselect" });
+    return { role: "vselect" };
+  }
+  if (rootTag === "button" || rootTag === "ubutton") {
+    inferredNativeWrapperConfigByTag.set(tag, { role: "button" });
+    return { role: "button" };
+  }
   inferredNativeWrapperConfigByTag.set(tag, { role: "" });
   return null;
 }
@@ -4018,6 +4287,7 @@ function createTestIdTransform(componentName, componentHierarchyMap, nativeWrapp
   const testIdAttribute = (options.testIdAttribute || "data-testid").trim() || "data-testid";
   const nameCollisionBehavior = options.nameCollisionBehavior ?? "suffix";
   const warn = options.warn;
+  const vueFilesPathMap = options.vueFilesPathMap;
   const safeRealpath = (p) => {
     try {
       return fs.existsSync(p) ? fs.realpathSync(p) : p;
@@ -4069,18 +4339,14 @@ function createTestIdTransform(componentName, componentHierarchyMap, nativeWrapp
     const parentElement = !parentIsRoot && context?.parent?.type === NodeTypes.ELEMENT ? context.parent : null;
     hierarchyMap.set(element, parentElement);
     const normalizeFilePath = (filePath) => path.normalize(safeRealpath(path.resolve(filePath)));
-    const getParentComponentName = () => {
-      const normalizedFilePath2 = normalizeFilePath(context.filename);
-      return path.basename(normalizedFilePath2, ".vue");
-    };
-    const parentComponentName = getParentComponentName();
     const normalizedFilePath = normalizeFilePath(context.filename);
-    const relToViewsDir = path.relative(normalizedViewsDirAbs, normalizedFilePath);
-    const isView = !relToViewsDir.startsWith("..") && !path.isAbsolute(relToViewsDir);
-    const ensureDependencies = (parentComponentName2) => {
-      let dependencies2 = componentHierarchyMap.get(parentComponentName2);
-      if (!dependencies2) {
-        dependencies2 = {
+    const parentComponentName = componentName;
+    const dependencies = (() => {
+      let deps = componentHierarchyMap.get(componentName);
+      if (!deps) {
+        const relToViewsDir = path.relative(normalizedViewsDirAbs, normalizedFilePath);
+        const isView = !relToViewsDir.startsWith("..") && !path.isAbsolute(relToViewsDir);
+        deps = {
           filePath: context.filename,
           childrenComponentSet: /* @__PURE__ */ new Set(),
           usedComponentSet: /* @__PURE__ */ new Set(),
@@ -4088,11 +4354,10 @@ function createTestIdTransform(componentName, componentHierarchyMap, nativeWrapp
           isView,
           methodsContent: ""
         };
-        componentHierarchyMap.set(parentComponentName2, dependencies2);
+        componentHierarchyMap.set(componentName, deps);
       }
-      return dependencies2;
-    };
-    const dependencies = ensureDependencies(parentComponentName);
+      return deps;
+    })();
     const isComponentLikeTag = (tag) => {
       if (!tag) return false;
       const first = tag.charCodeAt(0);
@@ -4103,13 +4368,24 @@ function createTestIdTransform(componentName, componentHierarchyMap, nativeWrapp
       dependencies.usedComponentSet.add(element.tag);
     }
     if (!nativeWrappers[element.tag]) {
-      const inferred = tryInferNativeWrapperRoleFromSfc(element.tag);
+      const inferred = tryInferNativeWrapperRoleFromSfc(element.tag, vueFilesPathMap);
       if (inferred?.role) {
         nativeWrappers[element.tag] = { role: inferred.role };
+      } else if (element.tag.endsWith("Button") || element.tag === "AylaButton") {
+        nativeWrappers[element.tag] = { role: "button" };
+      } else if (element.tag === "DxDataGrid") {
+        nativeWrappers[element.tag] = { role: "grid" };
       }
     }
-    const getBestAvailableKeyValue = () => getKeyDirectiveValue(element, context) || getSelfClosingForDirectiveKeyAttrValue(element) || getContainedInVForDirectiveKeyValue(context, element, hierarchyMap);
-    const bestKeyPlaceholder = getBestAvailableKeyValue();
+    const getBestAvailableKeyValue = () => {
+      const vForKey = getKeyDirectiveValue(element, context) || getSelfClosingForDirectiveKeyAttrValue(element) || getContainedInVForDirectiveKeyValue(context, element, hierarchyMap);
+      if (vForKey) return vForKey;
+      return getContainedInSlotDataKeyValue(element, hierarchyMap);
+    };
+    const bestKeyInferred = getBestAvailableKeyValue();
+    const isSlotKey = bestKeyInferred && !bestKeyInferred.startsWith("${");
+    const bestKeyPlaceholder = isSlotKey ? `\${${bestKeyInferred}}` : bestKeyInferred;
+    const bestKeyVariable = isSlotKey ? bestKeyInferred : null;
     const keyValuesOverride = tryGetContainedInStaticVForSourceLiteralValues(context);
     const parentKey = !parentIsRoot && context?.parent ? context.parent : null;
     const conditional = getConditionalDirectiveInfo(element);
@@ -4194,6 +4470,7 @@ function createTestIdTransform(componentName, componentHierarchyMap, nativeWrapp
         nativeRole,
         preferredGeneratedValue: args.preferredGeneratedValue,
         bestKeyPlaceholder,
+        bestKeyVariable,
         keyValuesOverride,
         entryOverrides: args.entryOverrides,
         semanticNameHint: args.semanticNameHint,
@@ -4222,16 +4499,18 @@ function createTestIdTransform(componentName, componentHierarchyMap, nativeWrapp
       });
       return;
     }
+    const innerText = getInnerText(element) || null;
     const toDirective = nodeHasToDirective(element);
     if (toDirective) {
       const dataTestId = generateToDirectiveDataTestId(componentName, element, toDirective, context, hierarchyMap, nativeWrappers);
       const target = tryResolveToDirectiveTargetComponentName(toDirective);
       const routeNameHint = toDirectiveObjectFieldNameValue(toDirective);
-      const semanticNameHint2 = routeNameHint || target || conditionalHint || void 0;
+      const existing = tryGetExistingElementDataTestId(element, testIdAttribute);
+      const semanticNameHint2 = routeNameHint || target || void 0;
+      const alternates = (target ? [] : [innerText, existing?.value, conditionalHint]).filter(Boolean);
       const rawTo = (toDirective.exp?.loc?.source ?? "").trim();
       const pomMergeKey = routeNameHint ? `to:name:${routeNameHint}` : rawTo ? `to:expr:${rawTo}` : void 0;
-      const existing = tryGetExistingElementDataTestId(element, testIdAttribute);
-      const preferredGeneratedValue = dataTestId ?? (existing ? staticAttributeValue(existing.value) : null);
+      const preferredGeneratedValue = dataTestId ?? (existing ? existing.isDynamic ? templateAttributeValue(existing.template) : staticAttributeValue(existing.value) : null);
       if (!preferredGeneratedValue) {
         return;
       }
@@ -4239,6 +4518,7 @@ function createTestIdTransform(componentName, componentHierarchyMap, nativeWrapp
         preferredGeneratedValue,
         entryOverrides: target ? { targetPageObjectModelClass: target } : {},
         semanticNameHint: semanticNameHint2,
+        semanticNameHintAlternates: alternates,
         pomMergeKey
       });
       return;
@@ -4253,7 +4533,6 @@ function createTestIdTransform(componentName, componentHierarchyMap, nativeWrapp
       });
       return;
     }
-    const innerText = getInnerText(element) || null;
     const clickDirective = tryGetClickDirective(element);
     if (clickDirective) {
       const clickSuffix = getComposedClickHandlerContent(element, context, innerText, clickDirective, {
@@ -4261,7 +4540,7 @@ function createTestIdTransform(componentName, componentHierarchyMap, nativeWrapp
       });
       const clickHint = trimLeadingSeparators(clickSuffix) || void 0;
       const idOrName = getIdOrName(element) || void 0;
-      const semanticNameHint2 = clickHint || idOrName || conditionalHint || void 0;
+      const semanticNameHint2 = clickHint || idOrName || innerText || conditionalHint || void 0;
       const pomMergeKey = clickHint ? `click:hint:${clickHint}` : void 0;
       const testId = getClickDataTestId(clickSuffix);
       applyResolvedDataTestIdForElement({
@@ -4275,15 +4554,16 @@ function createTestIdTransform(componentName, componentHierarchyMap, nativeWrapp
       return;
     }
     const existingElementDataTestId = tryGetExistingElementDataTestId(element, testIdAttribute);
-    if (existingElementDataTestId?.value) {
+    if (existingElementDataTestId) {
       const inferredRole = getNativeRoleFromTagSuffix().toLowerCase();
-      const isRecognizedInteractiveRole = inferredRole === "button" || inferredRole === "input" || inferredRole === "select" || inferredRole === "vselect" || inferredRole === "checkbox" || inferredRole === "toggle" || inferredRole === "radio";
+      const isRecognizedInteractiveRole = inferredRole === "button" || inferredRole === "input" || inferredRole === "select" || inferredRole === "vselect" || inferredRole === "checkbox" || inferredRole === "toggle" || inferredRole === "radio" || inferredRole === "grid" || isComponentLikeTag(element.tag);
       if (!isRecognizedInteractiveRole) {
         return;
       }
-      const identifierHint = getIdOrName(element) || conditionalHint || void 0;
+      const identifierHint = getIdOrName(element) || nodeHandlerAttributeValue(element) || innerText || existingElementDataTestId.value || conditionalHint || void 0;
+      const preferredGeneratedValue = existingElementDataTestId.isDynamic ? templateAttributeValue(existingElementDataTestId.template) : staticAttributeValue(existingElementDataTestId.value);
       applyResolvedDataTestIdForElement({
-        preferredGeneratedValue: staticAttributeValue(existingElementDataTestId.value),
+        preferredGeneratedValue,
         semanticNameHint: identifierHint
       });
       return;
@@ -4311,11 +4591,13 @@ function createDevProcessorPlugin(options) {
     nativeWrappers,
     excludedComponents,
     viewsDir,
+    scanDirs,
     projectRootRef,
     normalizedBasePagePath,
     basePageClassPath,
     outDir,
     emitLanguages,
+    csharp,
     generateFixtures,
     customPomAttachments,
     customPomDir,
@@ -4323,6 +4605,7 @@ function createDevProcessorPlugin(options) {
     testIdAttribute,
     routerAwarePoms,
     resolvedRouterEntry,
+    routerType,
     loggerRef
   } = options;
   let scheduleVueFileRegen = null;
@@ -4336,7 +4619,11 @@ function createDevProcessorPlugin(options) {
         return;
       if (!ctx.file.endsWith(".vue"))
         return;
-      if (!ctx.file.includes(`${path.sep}src${path.sep}`))
+      const isContainedInScanDirs = scanDirs.some((dir) => {
+        const absDir = path.resolve(projectRootRef.current, dir);
+        return ctx.file.startsWith(absDir + path.sep);
+      });
+      if (!isContainedInScanDirs)
         return;
       scheduleVueFileRegen(ctx.file, "hmr");
     },
@@ -4347,9 +4634,15 @@ function createDevProcessorPlugin(options) {
           setResolveToComponentNameFn(() => null);
           return;
         }
-        if (!resolvedRouterEntry)
-          throw new Error("[vue-pom-generator] router.entry is required when router introspection is enabled.");
-        const { routeNameMap, routePathMap } = await parseRouterFileFromCwd(resolvedRouterEntry);
+        let result;
+        if (routerType === "nuxt") {
+          result = await introspectNuxtPages(projectRootRef.current);
+        } else {
+          if (!resolvedRouterEntry)
+            throw new Error("[vue-pom-generator] router.entry is required when router introspection is enabled.");
+          result = await parseRouterFileFromCwd(resolvedRouterEntry);
+        }
+        const { routeNameMap, routePathMap } = result;
         setRouteNameToComponentNameMap(routeNameMap);
         setResolveToComponentNameFn((to) => {
           if (typeof to === "string") {
@@ -4450,29 +4743,34 @@ function createDevProcessorPlugin(options) {
         return { componentName, ms: performance.now() - started, compiled: true };
       };
       const fullRebuildSnapshotFromFilesystem = () => {
-        const srcDir = path.resolve(projectRootRef.current, "src");
-        if (!fs.existsSync(srcDir))
-          return;
         const t0 = performance.now();
         snapshotHierarchy.clear();
         snapshotVuePathMap.clear();
         filePathToComponentName.clear();
-        const vueFiles = walkFilesRecursive(srcDir);
-        logInfo(`initial scan: found ${vueFiles.length} .vue files under src/`);
+        let totalVueFiles = 0;
         let compiledCount = 0;
-        for (const file of vueFiles) {
-          const res = compileVueFileIntoSnapshot(file);
-          if (res.compiled)
-            compiledCount++;
+        for (const dir of scanDirs) {
+          const absDir = path.resolve(projectRootRef.current, dir);
+          if (!fs.existsSync(absDir))
+            continue;
+          const vueFiles = walkFilesRecursive(absDir);
+          totalVueFiles += vueFiles.length;
+          for (const file of vueFiles) {
+            const res = compileVueFileIntoSnapshot(file);
+            if (res.compiled)
+              compiledCount++;
+          }
         }
         const t1 = performance.now();
-        logInfo(`initial compile: ${compiledCount}/${vueFiles.length} files in ${formatMs(t1 - t0)} (components=${snapshotHierarchy.size})`);
+        logInfo(`initial scan: found ${totalVueFiles} .vue files in ${scanDirs.join(", ")}`);
+        logInfo(`initial compile: ${compiledCount}/${totalVueFiles} files in ${formatMs(t1 - t0)} (components=${snapshotHierarchy.size})`);
       };
       const generateAggregatedFromSnapshot = (reason) => {
         const t0 = performance.now();
         generateFiles(snapshotHierarchy, snapshotVuePathMap, normalizedBasePagePath, {
           outDir,
           emitLanguages,
+          csharp,
           generateFixtures,
           customPomAttachments,
           projectRoot: projectRootRef.current,
@@ -4480,7 +4778,8 @@ function createDevProcessorPlugin(options) {
           customPomImportAliases,
           testIdAttribute,
           vueRouterFluentChaining: routerAwarePoms,
-          routerEntry: resolvedRouterEntry
+          routerEntry: resolvedRouterEntry,
+          routerType
         });
         const t1 = performance.now();
         logInfo(`generate(${reason}): components=${snapshotHierarchy.size} in ${formatMs(t1 - t0)}`);
@@ -4493,9 +4792,9 @@ function createDevProcessorPlugin(options) {
         const t1 = performance.now();
         logInfo(`startup total: ${formatMs(t1 - t0)}`);
       })();
-      const watchedVueGlob = path.resolve(projectRootRef.current, "src", "**", "*.vue");
+      const watchedVueGlobs = scanDirs.map((dir) => path.resolve(projectRootRef.current, dir, "**", "*.vue"));
       const watchedPluginGlob = path.resolve(projectRootRef.current, "vite-plugins", "vue-pom-generator", "**", "*.ts");
-      server.watcher.add([watchedVueGlob, watchedPluginGlob, basePageClassPath]);
+      server.watcher.add([...watchedVueGlobs, watchedPluginGlob, basePageClassPath]);
       let timer = null;
       let maxWaitTimer = null;
       const pendingChangedVueFiles = /* @__PURE__ */ new Set();
@@ -4594,7 +4893,13 @@ function createDevProcessorPlugin(options) {
       server.watcher.on("add", (p) => {
         if (typeof p !== "string")
           return;
-        if (!p.endsWith(".vue") || !p.includes(`${path.sep}src${path.sep}`))
+        if (!p.endsWith(".vue"))
+          return;
+        const isContainedInScanDirs = scanDirs.some((dir) => {
+          const absDir = path.resolve(projectRootRef.current, dir);
+          return p.startsWith(absDir + path.sep);
+        });
+        if (!isContainedInScanDirs)
           return;
         void (async () => {
           await initialBuildPromise;
@@ -4605,7 +4910,13 @@ function createDevProcessorPlugin(options) {
       server.watcher.on("unlink", (p) => {
         if (typeof p !== "string")
           return;
-        if (!p.endsWith(".vue") || !p.includes(`${path.sep}src${path.sep}`))
+        if (!p.endsWith(".vue"))
+          return;
+        const isContainedInScanDirs = scanDirs.some((dir) => {
+          const absDir = path.resolve(projectRootRef.current, dir);
+          return p.startsWith(absDir + path.sep);
+        });
+        if (!isContainedInScanDirs)
           return;
         void (async () => {
           await initialBuildPromise;
@@ -4646,10 +4957,13 @@ function createSupportPlugins(options) {
     nativeWrappers,
     excludedComponents,
     viewsDir,
+    scanDirs,
     outDir,
     emitLanguages,
+    csharp,
     routerAwarePoms,
     routerEntry,
+    routerType,
     generateFixtures,
     customPomAttachments,
     projectRootRef,
@@ -4662,6 +4976,8 @@ function createSupportPlugins(options) {
   const resolveRouterEntry2 = () => {
     if (!routerAwarePoms)
       return void 0;
+    if (routerType === "nuxt")
+      return void 0;
     if (!routerEntry)
       throw new Error("[vue-pom-generator] router.entry is required when router introspection is enabled.");
     return path.isAbsolute(routerEntry) ? routerEntry : path.resolve(projectRootRef.current, routerEntry);
@@ -4683,6 +4999,7 @@ function createSupportPlugins(options) {
     normalizedBasePagePath,
     outDir,
     emitLanguages,
+    csharp,
     generateFixtures,
     customPomAttachments,
     projectRootRef,
@@ -4690,6 +5007,7 @@ function createSupportPlugins(options) {
     customPomImportAliases,
     testIdAttribute,
     routerAwarePoms,
+    routerType,
     resolvedRouterEntry,
     loggerRef
   });
@@ -4697,6 +5015,7 @@ function createSupportPlugins(options) {
     nativeWrappers,
     excludedComponents,
     viewsDir,
+    scanDirs,
     projectRootRef,
     normalizedBasePagePath,
     basePageClassPath,
@@ -4708,6 +5027,7 @@ function createSupportPlugins(options) {
     customPomImportAliases,
     testIdAttribute,
     routerAwarePoms,
+    routerType,
     resolvedRouterEntry,
     loggerRef
   });
@@ -4809,7 +5129,7 @@ function tryCreateElementMetadata(args) {
   };
   return metadata;
 }
-function extractMetadataFromAST(ast, componentName, metadataMap, semanticNameMap, testIdAttribute) {
+function extractMetadataAfterTransform(ast, componentName, elementMetadata, semanticNameMap, testIdAttribute) {
   const componentMetadata = /* @__PURE__ */ new Map();
   function traverseNode(node) {
     if (node.type === NodeTypes.ELEMENT) {
@@ -4848,27 +5168,8 @@ function extractMetadataFromAST(ast, componentName, metadataMap, semanticNameMap
   }
   traverseNode(ast);
   if (componentMetadata.size > 0) {
-    metadataMap.set(componentName, componentMetadata);
-  }
-}
-function compileWithMetadataExtractionManual(source, options, componentName, metadataMap, semanticNameMap, testIdAttribute = "data-testid") {
-  const normalizedTestIdAttribute = (testIdAttribute ?? "data-testid").trim() || "data-testid";
-  const result = compile(
-    source,
-    extend({}, options, {
-      nodeTransforms: [
-        ...options.nodeTransforms || [],
-        (node, _context) => {
-          if (node.type !== NodeTypes.ROOT)
-            return;
-          return () => {
-            extractMetadataFromAST(node, componentName, metadataMap, semanticNameMap, normalizedTestIdAttribute);
-          };
-        }
-      ]
-    })
-  );
-  return result;
+    elementMetadata.set(componentName, componentMetadata);
+  }
 }
 function createVuePluginWithTestIds(options) {
   const {
@@ -4883,27 +5184,91 @@ function createVuePluginWithTestIds(options) {
     excludedComponents,
     getViewsDirAbs,
     testIdAttribute,
-    loggerRef
+    loggerRef,
+    scanDirs = ["src"],
+    getProjectRoot
   } = options;
+  const getComponentNameFromPath = (filename) => {
+    const cleanPath = filename.includes("?") ? filename.substring(0, filename.indexOf("?")) : filename;
+    const projectRoot = getProjectRoot();
+    const absFilename = path.isAbsolute(cleanPath) ? cleanPath : path.resolve(projectRoot, cleanPath);
+    const viewsDirAbs = getViewsDirAbs();
+    const roots = [viewsDirAbs, ...scanDirs.map((d) => path.resolve(projectRoot, d))];
+    for (const dir of scanDirs) {
+      const absDir = path.resolve(projectRoot, dir);
+      try {
+        const pagesDir = path.join(absDir, "pages");
+        if (fs.existsSync(pagesDir)) {
+          roots.push(pagesDir);
+        }
+        const componentsDir = path.join(absDir, "components");
+        if (fs.existsSync(componentsDir)) {
+          roots.push(componentsDir);
+        }
+      } catch {
+      }
+    }
+    const potentialRoots = Array.from(new Set(roots.map((r) => path.normalize(r)))).sort((a, b) => b.length - a.length);
+    let componentName = "";
+    for (const root of potentialRoots) {
+      if (absFilename.startsWith(root + path.sep) || absFilename === root) {
+        const rel = path.relative(root, absFilename);
+        const parsed = path.parse(rel);
+        const segments = path.join(parsed.dir, parsed.name);
+        componentName = toPascalCase(segments);
+        break;
+      }
+    }
+    if (!componentName) {
+      const parsed = path.parse(absFilename);
+      componentName = toPascalCase(parsed.name);
+    }
+    return componentName;
+  };
+  const isFileInScope = (filename) => {
+    if (!filename)
+      return false;
+    const cleanPath = filename.includes("?") ? filename.substring(0, filename.indexOf("?")) : filename;
+    const projectRoot = getProjectRoot();
+    const absFilename = path.isAbsolute(cleanPath) ? cleanPath : path.resolve(projectRoot, cleanPath);
+    if (absFilename.includes(`${path.sep}node_modules${path.sep}`) || absFilename.includes("/node_modules/"))
+      return false;
+    const viewsDirAbs = getViewsDirAbs();
+    if (absFilename.startsWith(viewsDirAbs + path.sep) || absFilename === viewsDirAbs)
+      return true;
+    const rootsToTry = [projectRoot, process.cwd()];
+    const matched = scanDirs.some((dir) => {
+      return rootsToTry.some((root) => {
+        const absDir = path.resolve(root, dir);
+        if (absFilename.startsWith(absDir + path.sep) || absFilename === absDir)
+          return true;
+        if (dir.startsWith("app/") && root.endsWith("/app")) {
+          const relativeDir = dir.substring(4);
+          const absDirAlt = path.resolve(root, relativeDir);
+          return absFilename.startsWith(absDirAlt + path.sep) || absFilename === absDirAlt;
+        }
+        return false;
+      });
+    });
+    if (cleanPath.endsWith(".vue") && !matched) {
+      loggerRef.current.debug(`[isFileInScope] REJECTED: ${absFilename} (Clean: ${cleanPath})`);
+    }
+    return matched;
+  };
   const userTemplate = vueOptions?.template ?? {};
   const userCompilerOptions = userTemplate.compilerOptions ?? {};
   const userNodeTransforms = userCompilerOptions.nodeTransforms ?? [];
   const perFileTransform = /* @__PURE__ */ new Map();
-  const templateCompilerOptions = {
-    ...userCompilerOptions,
-    // Ensures compiler-core runs `transformExpression` (in non-browser builds),
-    // which parses directive expressions via @babel/parser and attaches `exp.ast`.
-    // This improves reliability for AST-based consumers (like our data-testid generator).
-    prefixIdentifiers: true,
-    nodeTransforms: [
+  const getNodeTransforms = (filename, componentNameOverride) => {
+    const cleanPath = filename.includes("?") ? filename.substring(0, filename.indexOf("?")) : filename;
+    const viewsDirAbs = getViewsDirAbs();
+    const componentName = componentNameOverride || getComponentNameFromPath(cleanPath);
+    return [
       ...userNodeTransforms,
       (node, context) => {
-        if (!context.filename)
-          return;
-        const componentName = path.basename(context.filename, ".vue");
         if (node.type === NodeTypes.ROOT) {
           componentHierarchyMap.delete(componentName);
-          vueFilesPathMap.set(componentName, context.filename);
+          vueFilesPathMap.set(componentName, filename);
           perFileTransform.set(
             componentName,
             createTestIdTransform(
@@ -4911,113 +5276,99 @@ function createVuePluginWithTestIds(options) {
               componentHierarchyMap,
               nativeWrappers,
               excludedComponents,
-              getViewsDirAbs(),
+              viewsDirAbs,
               {
                 existingIdBehavior,
                 testIdAttribute,
                 nameCollisionBehavior,
-                warn: (message) => loggerRef.current.warn(message)
+                warn: (message) => loggerRef.current.warn(message),
+                vueFilesPathMap
               }
             )
           );
+          return () => {
+            extractMetadataAfterTransform(
+              node,
+              componentName,
+              elementMetadata,
+              semanticNameMap,
+              testIdAttribute
+            );
+          };
         }
         let transform = perFileTransform.get(componentName);
         if (!transform) {
           componentHierarchyMap.delete(componentName);
-          vueFilesPathMap.set(componentName, context.filename);
+          vueFilesPathMap.set(componentName, filename);
           transform = createTestIdTransform(
             componentName,
             componentHierarchyMap,
             nativeWrappers,
             excludedComponents,
-            getViewsDirAbs(),
+            viewsDirAbs,
             {
               existingIdBehavior,
               testIdAttribute,
               nameCollisionBehavior,
-              warn: (message) => loggerRef.current.warn(message)
+              warn: (message) => loggerRef.current.warn(message),
+              vueFilesPathMap
             }
           );
           perFileTransform.set(componentName, transform);
         }
         return transform(node, context);
       }
+    ];
+  };
+  const templateCompilerOptions = {
+    ...userCompilerOptions,
+    prefixIdentifiers: true,
+    nodeTransforms: [
+      // This will be used if the user uses the returned vue plugin.
+      // We'll populate it via the hook below for better compatibility.
     ]
   };
+  const metadataCollectorPlugin = {
+    name: "vue-pom-generator-metadata-collector",
+    enforce: "pre",
+    async transform(code, id) {
+      const cleanPath = id.includes("?") ? id.substring(0, id.indexOf("?")) : id;
+      if (!cleanPath.endsWith(".vue") || !isFileInScope(id)) {
+        return null;
+      }
+      if (id !== cleanPath) {
+        return null;
+      }
+      const componentName = getComponentNameFromPath(cleanPath);
+      loggerRef.current.debug(`Collecting metadata for ${cleanPath} (component: ${componentName})`);
+      try {
+        const { parse: parse2 } = await import("@vue/compiler-sfc");
+        const compilerDom2 = await import("@vue/compiler-dom");
+        const compile = compilerDom2.compile;
+        const { descriptor } = parse2(code, { filename: cleanPath });
+        if (descriptor.template) {
+          compile(descriptor.template.content, {
+            ...userCompilerOptions,
+            filename: cleanPath,
+            nodeTransforms: getNodeTransforms(cleanPath, componentName)
+          });
+          loggerRef.current.debug(`Metadata collected for ${cleanPath}`);
+        }
+      } catch (e) {
+        loggerRef.current.warn(`Metadata collection failed for ${cleanPath}: ${e}`);
+      }
+      return null;
+    }
+  };
   const template = {
     ...userTemplate,
-    compiler: {
-      // Preserve the full compiler-dom module behavior (directiveTransforms, nodeTransforms, etc.).
-      // We only override `compile` to run our metadata extraction after transforms.
-      ...compilerDom,
-      compile(source, compilerOptions) {
-        const componentName = compilerOptions.filename ? path.basename(compilerOptions.filename, ".vue") : "Unknown";
-        return compileWithMetadataExtractionManual(
-          source,
-          compilerOptions,
-          componentName,
-          elementMetadata,
-          semanticNameMap,
-          testIdAttribute
-        );
-      }
-    },
     compilerOptions: templateCompilerOptions
   };
-  return vue({
+  const internalVuePlugin = vue({
     ...vueOptions,
     template
   });
-}
-const VUE_POM_GENERATOR_LOG_PREFIX = "[vue-pom-generator]";
-function normalize(message) {
-  const trimmed = (message ?? "").trim();
-  if (!trimmed)
-    return VUE_POM_GENERATOR_LOG_PREFIX;
-  if (trimmed.startsWith(VUE_POM_GENERATOR_LOG_PREFIX))
-    return trimmed;
-  return `${VUE_POM_GENERATOR_LOG_PREFIX} ${trimmed}`;
-}
-function createLogger(options) {
-  const { verbosity, viteLogger } = options;
-  const sinkInfo = (msg) => {
-    if (viteLogger) {
-      viteLogger.info(normalize(msg));
-      return;
-    }
-    console.log(normalize(msg));
-  };
-  const sinkWarn = (msg) => {
-    if (viteLogger) {
-      viteLogger.warn(normalize(msg));
-      return;
-    }
-    console.warn(normalize(msg));
-  };
-  const sinkDebug = (msg) => {
-    if (viteLogger) {
-      viteLogger.info(normalize(msg));
-      return;
-    }
-    console.log(normalize(msg));
-  };
-  return {
-    info(message) {
-      if (verbosity === "silent")
-        return;
-      sinkInfo(message);
-    },
-    debug(message) {
-      if (verbosity !== "debug")
-        return;
-      sinkDebug(message);
-    },
-    warn(message) {
-      if (verbosity === "silent")
-        return;
-      sinkWarn(message);
-    }
-  };
+  return { metadataCollectorPlugin, internalVuePlugin };
 }
 function assertNonEmptyString(value, name) {
   if (!value || !value.trim()) {
@@ -5032,9 +5383,10 @@ function createVuePomGeneratorPlugins(options = {}) {
   const generationSetting = options.generation;
   const generationOptions = generationSetting === false ? null : generationSetting ?? {};
   const generationEnabled = generationOptions !== null;
-  const verbosity = options.logging?.verbosity ?? "info";
+  const verbosity = options.logging?.verbosity ?? "warn";
   const vueOptions = options.vueOptions;
   const viewsDir = injection.viewsDir ?? "src/views";
+  const scanDirs = injection.scanDirs ?? ["src"];
   const nativeWrappers = injection.nativeWrappers ?? {};
   const excludedComponents = injection.excludeComponents ?? [];
   const testIdAttribute = (injection.attribute ?? "data-testid").trim() || "data-testid";
@@ -5043,6 +5395,8 @@ function createVuePomGeneratorPlugins(options = {}) {
   const emitLanguages = generationOptions?.emit && generationOptions.emit.length ? generationOptions.emit : ["ts"];
   const nameCollisionBehavior = generationOptions?.nameCollisionBehavior ?? "suffix";
   const routerEntry = generationOptions?.router?.entry;
+  const routerType = generationOptions?.router?.type ?? "vue-router";
+  const csharp = generationOptions?.csharp;
   const generateFixtures = generationOptions?.playwright?.fixtures;
   const customPoms = generationOptions?.playwright?.customPoms;
   const resolvedCustomPomAttachments = customPoms?.attachments ?? [];
@@ -5063,11 +5417,12 @@ function createVuePomGeneratorPlugins(options = {}) {
       assertNonEmptyString(viewsDir, "[vue-pom-generator] injection.viewsDir");
       if (generationEnabled) {
         assertNonEmptyString(outDir, "[vue-pom-generator] generation.outDir");
-        if (generationOptions?.router) {
+        if (generationOptions?.router && routerType === "vue-router") {
           assertNonEmptyString(routerEntry, "[vue-pom-generator] generation.router.entry");
         }
       }
-      loggerRef.current.debug(`projectRoot=${projectRootRef.current}`);
+      loggerRef.current.info(`projectRoot=${projectRootRef.current}`);
+      loggerRef.current.info(`Active plugins: ${config.plugins.map((p) => p.name).filter((n) => n.includes("vue-pom")).join(", ")}`);
     }
   };
   const getViewsDirAbs = () => resolveFromProjectRoot(projectRootRef.current, viewsDir);
@@ -5076,7 +5431,7 @@ function createVuePomGeneratorPlugins(options = {}) {
   const semanticNameMap = /* @__PURE__ */ new Map();
   const componentHierarchyMap = /* @__PURE__ */ new Map();
   const vueFilesPathMap = /* @__PURE__ */ new Map();
-  const vuePlugin = createVuePluginWithTestIds({
+  const { metadataCollectorPlugin, internalVuePlugin } = createVuePluginWithTestIds({
     vueOptions,
     existingIdBehavior,
     nameCollisionBehavior,
@@ -5088,13 +5443,11 @@ function createVuePomGeneratorPlugins(options = {}) {
     excludedComponents,
     getViewsDirAbs,
     testIdAttribute,
-    loggerRef
+    loggerRef,
+    scanDirs,
+    getProjectRoot: () => projectRootRef.current
   });
-  if (!generationEnabled) {
-    const virtualModules = createTestIdsVirtualModulesPlugin(componentTestIds);
-    return [configPlugin, vuePlugin, virtualModules];
-  }
-  const routerAwarePoms = typeof routerEntry === "string" && routerEntry.trim().length > 0;
+  const routerAwarePoms = typeof routerEntry === "string" && routerEntry.trim().length > 0 || routerType === "nuxt";
   const supportPlugins = createSupportPlugins({
     componentTestIds,
     componentHierarchyMap,
@@ -5102,8 +5455,10 @@ function createVuePomGeneratorPlugins(options = {}) {
     nativeWrappers,
     excludedComponents,
     viewsDir,
+    scanDirs,
     outDir,
     emitLanguages,
+    csharp,
     routerAwarePoms,
     routerEntry,
     generateFixtures,
@@ -5113,9 +5468,29 @@ function createVuePomGeneratorPlugins(options = {}) {
     customPomDir: resolvedCustomPomDir,
     customPomImportAliases: resolvedCustomPomImportAliases,
     testIdAttribute,
-    loggerRef
+    loggerRef,
+    routerType
   });
-  return [configPlugin, vuePlugin, ...supportPlugins];
+  const isNuxt = routerType === "nuxt";
+  if (isNuxt) {
+    loggerRef.current.info("Nuxt environment detected. Skipping internal @vitejs/plugin-vue to avoid conflicts.");
+  }
+  const resultPlugins = [
+    configPlugin,
+    metadataCollectorPlugin,
+    ...isNuxt ? [] : [internalVuePlugin],
+    ...supportPlugins
+  ];
+  if (!generationEnabled) {
+    const virtualModules = createTestIdsVirtualModulesPlugin(componentTestIds);
+    return [
+      configPlugin,
+      metadataCollectorPlugin,
+      ...isNuxt ? [] : [internalVuePlugin],
+      virtualModules
+    ];
+  }
+  return resultPlugins;
 }
 export {
   createVuePomGeneratorPlugins,