@immense/vue-pom-generator 1.0.32 → 1.0.34

package/dist/index.mjs

@@ -2528,6 +2528,53 @@ Fix: make the element identifiable (e.g. add id/name/inner text or use a more sp
     registerGeneratedMethodSignature(generatedName, signature);
   }
 }
+function safeRealpath(value) {
+  try {
+    if (fs.existsSync(value)) {
+      return fs.realpathSync(value);
+    }
+  } catch {
+    return value;
+  }
+  const parent = path.dirname(value);
+  if (!parent || parent === value) {
+    return value;
+  }
+  const resolvedParent = safeRealpath(parent);
+  return resolvedParent === parent ? value : path.join(resolvedParent, path.basename(value));
+}
+function resolveComponentNameFromPath(options) {
+  const { projectRoot, viewsDirAbs, scanDirs, extraRoots = [] } = options;
+  const cleanFilename = options.filename.includes("?") ? options.filename.substring(0, options.filename.indexOf("?")) : options.filename;
+  const absFilename = path.isAbsolute(cleanFilename) ? cleanFilename : path.resolve(projectRoot, cleanFilename);
+  const normalizedAbsFilename = path.normalize(safeRealpath(absFilename));
+  const rootBases = [projectRoot, ...extraRoots.filter((r) => r !== projectRoot)];
+  const roots = [viewsDirAbs, ...rootBases.flatMap((base) => scanDirs.map((d) => path.resolve(base, d)))];
+  for (const base of rootBases) {
+    for (const dir of scanDirs) {
+      const absDir = path.resolve(base, 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(safeRealpath(r))))).sort((a, b) => b.length - a.length);
+  for (const root of potentialRoots) {
+    if (normalizedAbsFilename.startsWith(root + path.sep) || normalizedAbsFilename === root) {
+      const rel = path.relative(root, normalizedAbsFilename);
+      const parsed = path.parse(rel);
+      const segments = path.join(parsed.dir, parsed.name);
+      return toPascalCase(segments);
+    }
+  }
+  return toPascalCase(path.parse(normalizedAbsFilename).name);
+}
 let routerIntrospectionQueue = Promise.resolve();
 async function runRouterIntrospectionExclusive(fn) {
   const prev = routerIntrospectionQueue.catch(() => void 0);
@@ -2807,20 +2854,84 @@ function getRouteParamMeta(router, record, paramNames) {
     }
   });
 }
-function getComponentNameFromRouteRecord(record) {
-  const comp = record.components?.default;
-  if (!comp)
+function normalizeRouteComponentFilePath(filePath, options = {}) {
+  const queryIndex = filePath.indexOf("?");
+  const cleanPath = queryIndex === -1 ? filePath : filePath.slice(0, queryIndex);
+  if (cleanPath.startsWith("/@fs/")) {
+    return path.normalize(cleanPath.slice("/@fs/".length));
+  }
+  if (path.isAbsolute(cleanPath)) {
+    if (fs.existsSync(cleanPath) || !options.rootDir)
+      return path.normalize(cleanPath);
+    return path.normalize(path.resolve(options.rootDir, `.${cleanPath}`));
+  }
+  if (!options.rootDir)
     return null;
+  return path.normalize(path.resolve(options.rootDir, cleanPath));
+}
+function getComponentInfoFromVueComponent(comp, options = {}) {
+  if (!comp) {
+    return {
+      componentName: null,
+      filePath: null
+    };
+  }
+  let componentName = null;
+  let filePath = null;
   if (typeof comp.__file === "string" && comp.__file.length) {
+    filePath = normalizeRouteComponentFilePath(comp.__file, { rootDir: options.rootDir });
     const base = path.posix.basename(path.posix.normalize(comp.__file));
     if (base.toLowerCase().endsWith(".vue"))
-      return base.slice(0, -".vue".length);
+      componentName = base.slice(0, -".vue".length);
   }
-  if (typeof comp.__name === "string" && comp.__name.length)
-    return comp.__name;
-  if (typeof comp.name === "string" && comp.name.length)
-    return comp.name;
-  return null;
+  if (!componentName && typeof comp.__name === "string" && comp.__name.length)
+    componentName = comp.__name;
+  if (!componentName && options.allowFunctionNameFallback !== false && typeof comp.name === "string" && comp.name.length) {
+    componentName = comp.name;
+  }
+  return {
+    componentName,
+    filePath
+  };
+}
+async function getComponentInfoFromRouteRecord(record, options = {}) {
+  const comp = record.components?.default;
+  if (!comp) {
+    return {
+      componentName: null,
+      filePath: null
+    };
+  }
+  if (typeof comp !== "function") {
+    return getComponentInfoFromVueComponent(comp, options);
+  }
+  const directInfo = getComponentInfoFromVueComponent(comp, {
+    allowFunctionNameFallback: false,
+    rootDir: options.rootDir
+  });
+  if (directInfo.componentName || directInfo.filePath)
+    return directInfo;
+  try {
+    const loaded = await comp();
+    const resolved = loaded && typeof loaded === "object" && "default" in loaded ? loaded.default : loaded;
+    const loadedInfo = getComponentInfoFromVueComponent(resolved, options);
+    if (loadedInfo.componentName || loadedInfo.filePath)
+      return loadedInfo;
+  } catch {
+  }
+  return getComponentInfoFromVueComponent(comp, options);
+}
+function resolveIntrospectedComponentName(componentInfo, componentNaming) {
+  if (componentInfo.filePath && componentNaming) {
+    return resolveComponentNameFromPath({
+      filename: componentInfo.filePath,
+      projectRoot: componentNaming.projectRoot,
+      viewsDirAbs: componentNaming.viewsDirAbs,
+      scanDirs: componentNaming.scanDirs,
+      extraRoots: componentNaming.extraRoots
+    });
+  }
+  return componentInfo.componentName;
 }
 async function ensureDomShim() {
   const domShimHtml = "<!doctype html><html><head></head><body><div id='app'></div></body></html>";
@@ -3066,7 +3177,8 @@ async function parseRouterFileFromCwd(routerEntryPath, options = {}) {
       const routePathMap = /* @__PURE__ */ new Map();
       const routeMetaEntries = [];
       for (const r of router.getRoutes()) {
-        const componentName = getComponentNameFromRouteRecord(r);
+        const componentInfo = await getComponentInfoFromRouteRecord(r, { rootDir: cwd });
+        const componentName = resolveIntrospectedComponentName(componentInfo, options.componentNaming);
         if (!componentName)
           continue;
         if (typeof r.path === "string" && r.path.length) {
@@ -3124,9 +3236,20 @@ function resolveRouterEntry(projectRoot, routerEntry) {
   const root = projectRoot ?? process.cwd();
   return path.isAbsolute(routerEntry) ? routerEntry : path.resolve(root, routerEntry);
 }
-async function getRouteMetaByComponent(projectRoot, routerEntry, routerType) {
+async function getRouteMetaByComponent(projectRoot, routerEntry, routerType, options = {}) {
   const root = projectRoot ?? process.cwd();
-  const { routeMetaEntries } = routerType === "nuxt" ? await introspectNuxtPages(root) : await parseRouterFileFromCwd(resolveRouterEntry(root, routerEntry));
+  const viewsDir = options.viewsDir ?? "src/views";
+  const viewsDirAbs = path.isAbsolute(viewsDir) ? viewsDir : path.resolve(root, viewsDir);
+  const scanDirs = options.scanDirs?.length ? options.scanDirs : ["src"];
+  const extraRoots = process.cwd() !== root ? [process.cwd()] : [];
+  const { routeMetaEntries } = routerType === "nuxt" ? await introspectNuxtPages(root) : await parseRouterFileFromCwd(resolveRouterEntry(root, routerEntry), {
+    componentNaming: {
+      projectRoot: root,
+      viewsDirAbs,
+      scanDirs,
+      extraRoots
+    }
+  });
   const map = /* @__PURE__ */ new Map();
   for (const entry of routeMetaEntries) {
     const list = map.get(entry.componentName) ?? [];
@@ -3303,11 +3426,17 @@ async function generateFiles(componentHierarchyMap, vueFilesPathMap, basePageCla
     csharp,
     vueRouterFluentChaining,
     routerEntry,
-    routerType
+    routerType,
+    viewsDir,
+    scanDirs,
+    routeMetaByComponent: routeMetaByComponentOverride
   } = options;
   const emitLanguages = emitLanguagesOverride?.length ? emitLanguagesOverride : ["ts"];
   const outDir = outDirOverride ?? "./pom";
-  const routeMetaByComponent = vueRouterFluentChaining ? await getRouteMetaByComponent(projectRoot, routerEntry, routerType) : void 0;
+  const routeMetaByComponent = routeMetaByComponentOverride ?? (vueRouterFluentChaining ? await getRouteMetaByComponent(projectRoot, routerEntry, routerType, {
+    viewsDir,
+    scanDirs
+  }) : void 0);
   const generatedFilePaths = [];
   const writeGeneratedFile = (file) => {
     const resolvedFilePath = path.resolve(file.filePath);
@@ -4407,10 +4536,38 @@ function getConstructor(childrenComponent, componentHierarchyMap, attachmentsFor
   return `${content}
 `;
 }
+function getGenerationMetrics(componentHierarchyMap) {
+  let selectorCount = 0;
+  let generatedMethodCount = 0;
+  for (const deps of componentHierarchyMap.values()) {
+    selectorCount += deps.dataTestIdSet?.size ?? 0;
+    generatedMethodCount += deps.generatedMethods?.size ?? 0;
+  }
+  return {
+    entryCount: componentHierarchyMap.size,
+    selectorCount,
+    generatedMethodCount
+  };
+}
+function isLessRich(current, previous) {
+  if (current.entryCount !== previous.entryCount) {
+    return current.entryCount < previous.entryCount;
+  }
+  if (current.selectorCount !== previous.selectorCount) {
+    return current.selectorCount < previous.selectorCount;
+  }
+  return current.generatedMethodCount < previous.generatedMethodCount;
+}
+function getGenerationMetricsKey(projectRoot, outDir) {
+  return path.resolve(projectRoot, outDir ?? "./pom");
+}
+const buildGenerationMetricsByOutputKey = /* @__PURE__ */ new Map();
 function createBuildProcessorPlugin(options) {
   const {
     componentHierarchyMap,
     vueFilesPathMap,
+    viewsDir,
+    scanDirs,
     basePageClassPath,
     normalizedBasePagePath,
     outDir,
@@ -4429,7 +4586,6 @@ function createBuildProcessorPlugin(options) {
     routerModuleShims,
     loggerRef
   } = options;
-  let lastGeneratedEntryCount = 0;
   return {
     name: "vue-pom-generator-build",
     // This plugin exists to generate code on build output; it is not needed during dev-server HMR.
@@ -4447,7 +4603,14 @@ function createBuildProcessorPlugin(options) {
       } else {
         if (!resolvedRouterEntry)
           throw new Error("[vue-pom-generator] router.entry is required when router introspection is enabled.");
-        result = await parseRouterFileFromCwd(resolvedRouterEntry, { moduleShims: routerModuleShims });
+        result = await parseRouterFileFromCwd(resolvedRouterEntry, {
+          moduleShims: routerModuleShims,
+          componentNaming: {
+            projectRoot: projectRootRef.current,
+            viewsDirAbs: path.isAbsolute(viewsDir) ? viewsDir : path.resolve(projectRootRef.current, viewsDir),
+            scanDirs
+          }
+        });
       }
       const { routeNameMap, routePathMap } = result;
       setRouteNameToComponentNameMap(routeNameMap);
@@ -4476,11 +4639,13 @@ function createBuildProcessorPlugin(options) {
       this.addWatchFile(pointerPath);
     },
     buildEnd() {
-      const entryCount = componentHierarchyMap.size;
-      if (entryCount <= 0) {
+      const metrics = getGenerationMetrics(componentHierarchyMap);
+      if (metrics.entryCount <= 0 || metrics.selectorCount <= 0) {
         return;
       }
-      if (entryCount < lastGeneratedEntryCount) {
+      const generationMetricsKey = getGenerationMetricsKey(projectRootRef.current, outDir);
+      const previousMetrics = buildGenerationMetricsByOutputKey.get(generationMetricsKey);
+      if (previousMetrics && isLessRich(metrics, previousMetrics)) {
         return;
       }
       generateFiles(componentHierarchyMap, vueFilesPathMap, normalizedBasePagePath, {
@@ -4496,10 +4661,12 @@ function createBuildProcessorPlugin(options) {
         testIdAttribute,
         vueRouterFluentChaining: routerAwarePoms,
         routerEntry: resolvedRouterEntry,
-        routerType
+        routerType,
+        viewsDir,
+        scanDirs
       });
-      lastGeneratedEntryCount = entryCount;
-      loggerRef.current.info(`generated POMs (${entryCount} entries)`);
+      buildGenerationMetricsByOutputKey.set(generationMetricsKey, metrics);
+      loggerRef.current.info(`generated POMs (${metrics.entryCount} entries, ${metrics.selectorCount} selectors)`);
     },
     closeBundle() {
       loggerRef.current.info("build complete");
@@ -4537,6 +4704,89 @@ function toKebabCaseTag(tag) {
   }
   return result;
 }
+function getStaticAttributeContent(element, name) {
+  const attr = element.props.find((prop) => {
+    return prop.type === NodeTypes.ATTRIBUTE && prop.name === name;
+  });
+  return attr?.value?.content?.trim() || null;
+}
+function getNativeHtmlControlRole(element) {
+  const tag = (element.tag || "").toLowerCase();
+  const type = (getStaticAttributeContent(element, "type") || "").toLowerCase();
+  if (tag === "textarea") {
+    return "input";
+  }
+  if (tag === "select") {
+    return "select";
+  }
+  if (tag !== "input") {
+    return null;
+  }
+  if (type === "radio") {
+    return "radio";
+  }
+  if (type === "checkbox") {
+    return "checkbox";
+  }
+  return "input";
+}
+function normalizeControlLabelText(value) {
+  const normalized = (value ?? "").replace(/\*/g, " ").replace(/\s+/g, " ").trim();
+  return normalized || null;
+}
+function getLabelNodeText(labelNode) {
+  for (const child of labelNode.children || []) {
+    if (child.type === NodeTypes.TEXT) {
+      const normalized2 = normalizeControlLabelText(child.content);
+      if (normalized2) {
+        return normalized2;
+      }
+      continue;
+    }
+    if (child.type !== NodeTypes.ELEMENT) {
+      continue;
+    }
+    if (getNativeHtmlControlRole(child)) {
+      continue;
+    }
+    const normalized = normalizeControlLabelText(getInnerText(child));
+    if (normalized) {
+      return normalized;
+    }
+  }
+  return normalizeControlLabelText(getInnerText(labelNode));
+}
+function getAssociatedLabelText(element, hierarchyMap2) {
+  let parent = hierarchyMap2.get(element) || null;
+  while (parent) {
+    if (parent.tag === "label") {
+      return getLabelNodeText(parent);
+    }
+    parent = hierarchyMap2.get(parent) || null;
+  }
+  const id = getStaticAttributeContent(element, "id");
+  if (!id) {
+    return null;
+  }
+  const candidates = /* @__PURE__ */ new Set();
+  for (const child of hierarchyMap2.keys()) {
+    candidates.add(child);
+  }
+  for (const maybeParent of hierarchyMap2.values()) {
+    if (maybeParent) {
+      candidates.add(maybeParent);
+    }
+  }
+  for (const candidate of candidates) {
+    if (candidate.tag !== "label") {
+      continue;
+    }
+    if (getStaticAttributeContent(candidate, "for") === id) {
+      return getLabelNodeText(candidate);
+    }
+  }
+  return null;
+}
 function normalizeSearchRoots(wrapperSearchRoots) {
   const normalized = /* @__PURE__ */ new Set();
   for (const root of wrapperSearchRoots) {
@@ -5069,14 +5319,14 @@ function createTestIdTransform(componentName, componentHierarchyMap, nativeWrapp
   const warn = options.warn;
   const vueFilesPathMap = options.vueFilesPathMap;
   const wrapperSearchRoots = options.wrapperSearchRoots ?? [];
-  const safeRealpath = (p) => {
+  const safeRealpath2 = (p) => {
     try {
       return fs.existsSync(p) ? fs.realpathSync(p) : p;
     } catch {
       return p;
     }
   };
-  const normalizedViewsDirAbs = path.normalize(safeRealpath(path.resolve(viewsDirAbs)));
+  const normalizedViewsDirAbs = path.normalize(safeRealpath2(path.resolve(viewsDirAbs)));
   const generatedMethodContentByComponent = /* @__PURE__ */ new Map();
   const lastConditionalHintByParent = /* @__PURE__ */ new WeakMap();
   const lastConditionalMergeGroupByParent = /* @__PURE__ */ new WeakMap();
@@ -5164,7 +5414,7 @@ function createTestIdTransform(componentName, componentHierarchyMap, nativeWrapp
     const parentIsRoot = context?.parent?.type === NodeTypes.ROOT;
     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 normalizeFilePath = (filePath) => path.normalize(safeRealpath2(path.resolve(filePath)));
     const normalizedFilePath = normalizeFilePath(context.filename);
     const parentComponentName = componentName;
     const dependencies = (() => {
@@ -5204,7 +5454,9 @@ function createTestIdTransform(componentName, componentHierarchyMap, nativeWrapp
       }
     }
     const getBestAvailableKeyValue = () => {
-      const vForKey = getKeyDirectiveValue(element, context) || getSelfClosingForDirectiveKeyAttrValue(element) || getContainedInVForDirectiveKeyValue(context, element, hierarchyMap);
+      const parentNode = context.parent && typeof context.parent === "object" ? context.parent : null;
+      const isDirectVForChild = parentNode?.type === NodeTypes.FOR;
+      const vForKey = (isDirectVForChild ? getKeyDirectiveValue(element, context) : null) || getContainedInVForDirectiveKeyValue(context, element, hierarchyMap);
       if (vForKey) return vForKey;
       return getContainedInSlotDataKeyValue(element, hierarchyMap);
     };
@@ -5361,6 +5613,50 @@ Fix: remove the explicit ${attrLabel}, or change existingIdBehavior to "overwrit
       });
       return;
     }
+    const nativeHtmlRole = getNativeHtmlControlRole(element);
+    if (nativeHtmlRole) {
+      const rawIdentifier = getStaticAttributeContent(element, "id") || getStaticAttributeContent(element, "name");
+      const labelText = getAssociatedLabelText(element, hierarchyMap);
+      const { vModel, modelValue } = getModelBindingValues(element);
+      const bindingHint = modelValue || vModel || null;
+      const labelToken = labelText ? toPascalCase(labelText) : "";
+      const bindingToken = bindingHint ? toPascalCase(bindingHint) : "";
+      let identifierToken = null;
+      let semanticNameHint2;
+      if (nativeHtmlRole === "radio" || nativeHtmlRole === "checkbox") {
+        if (rawIdentifier) {
+          identifierToken = rawIdentifier;
+          semanticNameHint2 = rawIdentifier;
+        } else if (bindingToken && labelToken) {
+          identifierToken = `${bindingToken}${labelToken}`;
+          semanticNameHint2 = `${bindingHint || bindingToken} ${labelText || labelToken}`;
+        } else if (labelToken) {
+          identifierToken = labelToken;
+          semanticNameHint2 = labelText || labelToken;
+        } else if (bindingToken) {
+          identifierToken = bindingToken;
+          semanticNameHint2 = bindingHint || bindingToken;
+        }
+      } else if (rawIdentifier) {
+        identifierToken = rawIdentifier;
+        semanticNameHint2 = rawIdentifier;
+      } else if (labelToken) {
+        identifierToken = labelToken;
+        semanticNameHint2 = labelText || labelToken;
+      } else if (bindingToken) {
+        identifierToken = bindingToken;
+        semanticNameHint2 = bindingHint || bindingToken;
+      }
+      if (identifierToken) {
+        const preferredGeneratedValue = bestKeyPlaceholder ? templateAttributeValue(`${componentName}-${bestKeyPlaceholder}-${identifierToken}-${nativeHtmlRole}`) : staticAttributeValue(`${componentName}-${identifierToken}-${nativeHtmlRole}`);
+        applyResolvedDataTestIdForElement({
+          preferredGeneratedValue,
+          nativeRoleOverride: nativeHtmlRole,
+          semanticNameHint: semanticNameHint2 || conditionalHint || void 0
+        });
+        return;
+      }
+    }
     const innerText = getInnerText(element) || null;
     const toDirective = nodeHasToDirective(element);
     if (toDirective) {
@@ -5402,12 +5698,14 @@ Fix: remove the explicit ${attrLabel}, or change existingIdBehavior to "overwrit
       });
       const clickHint = trimLeadingSeparators(clickSuffix) || void 0;
       const idOrName = getIdOrName(element) || void 0;
-      const semanticNameHint2 = clickHint || idOrName || innerText || conditionalHint || void 0;
+      const semanticHintCandidates = [clickHint, idOrName, innerText, conditionalHint].map((value) => (value ?? "").trim()).filter(Boolean).filter((value, index, values) => values.indexOf(value) === index);
+      const [semanticNameHint2, ...semanticNameHintAlternates] = semanticHintCandidates;
       const pomMergeKey = clickHint ? `click:hint:${clickHint}` : void 0;
       const testId = getClickDataTestId(clickSuffix);
       applyResolvedDataTestIdForElement({
         preferredGeneratedValue: testId,
         semanticNameHint: semanticNameHint2,
+        semanticNameHintAlternates,
         pomMergeKey
       });
       {
@@ -5448,37 +5746,7 @@ Fix: remove the explicit ${attrLabel}, or change existingIdBehavior to "overwrit
     }
   };
 }
-function resolveComponentNameFromPath(options) {
-  const { projectRoot, viewsDirAbs, scanDirs, extraRoots = [] } = options;
-  const cleanFilename = options.filename.includes("?") ? options.filename.substring(0, options.filename.indexOf("?")) : options.filename;
-  const absFilename = path.isAbsolute(cleanFilename) ? cleanFilename : path.resolve(projectRoot, cleanFilename);
-  const rootBases = [projectRoot, ...extraRoots.filter((r) => r !== projectRoot)];
-  const roots = [viewsDirAbs, ...rootBases.flatMap((base) => scanDirs.map((d) => path.resolve(base, d)))];
-  for (const base of rootBases) {
-    for (const dir of scanDirs) {
-      const absDir = path.resolve(base, 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);
-  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);
-      return toPascalCase(segments);
-    }
-  }
-  return toPascalCase(path.parse(absFilename).name);
-}
+const devStartupMetricsByOutputKey = /* @__PURE__ */ new Map();
 function createDevProcessorPlugin(options) {
   const {
     nativeWrappers,
@@ -5524,6 +5792,7 @@ function createDevProcessorPlugin(options) {
       scheduleVueFileRegen(ctx.file, "hmr");
     },
     configureServer(server) {
+      const getViewsDirAbs = () => path.isAbsolute(viewsDir) ? viewsDir : path.resolve(projectRootRef.current, viewsDir);
       const routerInitPromise = (async () => {
         if (!routerAwarePoms) {
           setRouteNameToComponentNameMap(/* @__PURE__ */ new Map());
@@ -5536,7 +5805,15 @@ function createDevProcessorPlugin(options) {
         } else {
           if (!resolvedRouterEntry)
             throw new Error("[vue-pom-generator] router.entry is required when router introspection is enabled.");
-          result = await parseRouterFileFromCwd(resolvedRouterEntry, { moduleShims: routerModuleShims });
+          result = await parseRouterFileFromCwd(resolvedRouterEntry, {
+            moduleShims: routerModuleShims,
+            componentNaming: {
+              projectRoot: projectRootRef.current,
+              viewsDirAbs: getViewsDirAbs(),
+              scanDirs,
+              extraRoots: [process.cwd()]
+            }
+          });
         }
         const { routeNameMap, routePathMap } = result;
         setRouteNameToComponentNameMap(routeNameMap);
@@ -5559,7 +5836,6 @@ function createDevProcessorPlugin(options) {
       const logDebug = (message) => loggerRef.current.debug(message);
       let scheduleVueFileRegenLocal = null;
       const formatMs = (ms) => `${ms.toFixed(1)}ms`;
-      const getViewsDirAbs = () => path.isAbsolute(viewsDir) ? viewsDir : path.resolve(projectRootRef.current, viewsDir);
       const extractTemplateFromSfc = (source, filename) => {
         const { descriptor } = parse$1(source, {
           filename: filename ?? "anonymous.vue"
@@ -5672,6 +5948,21 @@ function createDevProcessorPlugin(options) {
         logInfo(`initial compile: ${compiledCount}/${totalVueFiles} files in ${formatMs(t1 - t0)} (components=${snapshotHierarchy.size})`);
       };
       const generateAggregatedFromSnapshot = (reason) => {
+        const metrics = getGenerationMetrics(snapshotHierarchy);
+        if (metrics.entryCount <= 0 || metrics.selectorCount <= 0) {
+          logInfo(`generate(${reason}): skipped empty snapshot (components=${metrics.entryCount}, selectors=${metrics.selectorCount})`);
+          return;
+        }
+        const generationMetricsKey = getGenerationMetricsKey(projectRootRef.current, outDir);
+        if (reason === "startup") {
+          const previousMetrics = devStartupMetricsByOutputKey.get(generationMetricsKey);
+          if (previousMetrics && isLessRich(metrics, previousMetrics)) {
+            logInfo(
+              `generate(${reason}): skipped smaller snapshot (components=${metrics.entryCount}, selectors=${metrics.selectorCount})`
+            );
+            return;
+          }
+        }
         const t0 = performance.now();
         generateFiles(snapshotHierarchy, snapshotVuePathMap, normalizedBasePagePath, {
           outDir,
@@ -5686,10 +5977,15 @@ function createDevProcessorPlugin(options) {
           testIdAttribute,
           vueRouterFluentChaining: routerAwarePoms,
           routerEntry: resolvedRouterEntry,
-          routerType
+          routerType,
+          viewsDir,
+          scanDirs
         });
+        if (reason === "startup") {
+          devStartupMetricsByOutputKey.set(generationMetricsKey, metrics);
+        }
         const t1 = performance.now();
-        logInfo(`generate(${reason}): components=${snapshotHierarchy.size} in ${formatMs(t1 - t0)}`);
+        logInfo(`generate(${reason}): components=${metrics.entryCount} selectors=${metrics.selectorCount} in ${formatMs(t1 - t0)}`);
       };
       const initialBuildPromise = (async () => {
         const t0 = performance.now();
@@ -5905,6 +6201,8 @@ function createSupportPlugins(options) {
   const tsProcessor = createBuildProcessorPlugin({
     componentHierarchyMap,
     vueFilesPathMap,
+    viewsDir,
+    scanDirs,
     basePageClassPath,
     normalizedBasePagePath,
     outDir,
@@ -6210,20 +6508,21 @@ function createVuePluginWithTestIds(options) {
       }
     ];
   };
+  const runtimeNodeTransform = (node, context) => {
+    const filename = context.filename;
+    if (!filename || !filename.endsWith(".vue") || !isFileInScope(filename)) {
+      return;
+    }
+    const transforms = getNodeTransforms(filename);
+    const ourTransform = transforms[transforms.length - 1];
+    return ourTransform(node, context);
+  };
   const templateCompilerOptions = {
     ...userCompilerOptions,
     prefixIdentifiers: true,
     nodeTransforms: [
       ...userNodeTransforms,
-      (node, context) => {
-        const filename = context.filename;
-        if (!filename || !filename.endsWith(".vue") || !isFileInScope(filename)) {
-          return;
-        }
-        const transforms = getNodeTransforms(filename);
-        const ourTransform = transforms[transforms.length - 1];
-        return ourTransform(node, context);
-      }
+      runtimeNodeTransform
     ]
   };
   const metadataCollectorPlugin = {
@@ -6262,7 +6561,42 @@ function createVuePluginWithTestIds(options) {
     ...vueOptions,
     template
   });
-  return { metadataCollectorPlugin, internalVuePlugin };
+  const nuxtVueBridgePlugin = {
+    name: "vue-pom-generator-nuxt-vue-bridge",
+    apply: "serve",
+    configResolved(config) {
+      const viteVuePlugin = config.plugins.find((plugin) => {
+        return typeof plugin === "object" && plugin !== null && "name" in plugin && plugin.name === "vite:vue" && "api" in plugin;
+      });
+      const api = viteVuePlugin?.api;
+      if (!api) {
+        loggerRef.current.warn("[vue-pom-generator] Nuxt bridge could not find vite:vue plugin to patch.");
+        return;
+      }
+      const currentOptions = api.options ?? {};
+      const currentTemplate = currentOptions.template ?? {};
+      const currentCompilerOptions = currentTemplate.compilerOptions ?? {};
+      const currentNodeTransforms = currentCompilerOptions.nodeTransforms ?? [];
+      if (currentNodeTransforms.includes(runtimeNodeTransform)) {
+        return;
+      }
+      api.options = {
+        ...currentOptions,
+        template: {
+          ...currentTemplate,
+          compilerOptions: {
+            ...currentCompilerOptions,
+            prefixIdentifiers: true,
+            nodeTransforms: [
+              ...currentNodeTransforms,
+              runtimeNodeTransform
+            ]
+          }
+        }
+      };
+    }
+  };
+  return { metadataCollectorPlugin, internalVuePlugin, nuxtVueBridgePlugin };
 }
 function assertNonEmptyString(value, name) {
   if (!value || !value.trim()) {
@@ -6388,7 +6722,7 @@ function createVuePomGeneratorPlugins(options = {}) {
   const semanticNameMap = /* @__PURE__ */ new Map();
   const componentHierarchyMap = /* @__PURE__ */ new Map();
   const vueFilesPathMap = /* @__PURE__ */ new Map();
-  const { metadataCollectorPlugin, internalVuePlugin } = createVuePluginWithTestIds({
+  const { metadataCollectorPlugin, internalVuePlugin, nuxtVueBridgePlugin } = createVuePluginWithTestIds({
     vueOptions,
     existingIdBehavior,
     nameCollisionBehavior,
@@ -6439,7 +6773,7 @@ function createVuePomGeneratorPlugins(options = {}) {
   const resultPlugins = [
     configPlugin,
     metadataCollectorPlugin,
-    ...isNuxt ? [] : [internalVuePlugin],
+    ...isNuxt ? [nuxtVueBridgePlugin] : [internalVuePlugin],
     ...supportPlugins
   ];
   if (!generationEnabled) {
@@ -6447,7 +6781,7 @@ function createVuePomGeneratorPlugins(options = {}) {
     return [
       configPlugin,
       metadataCollectorPlugin,
-      ...isNuxt ? [] : [internalVuePlugin],
+      ...isNuxt ? [nuxtVueBridgePlugin] : [internalVuePlugin],
       virtualModules
     ];
   }