fix: account for spaces when extracting components and directives (#348)

G-Rath · web-flow · commit b7b547b5c7fa · 2025-07-31T15:53:31.000+10:00
diff --git a/packages/shared/src/imports/parseTemplate.ts b/packages/shared/src/imports/parseTemplate.ts
@@ -1,8 +1,8 @@
 import { camelize, capitalize } from 'vue'
 
 export function parseTemplate (source: string) {
-  const components = createSet(source.matchAll(/(?:var|const) (\w+) = _resolveComponent\("([\w-.]+)"\);?/gm))
-  const directives = createSet(source.matchAll(/(?:var|const) (\w+) = _resolveDirective\("([\w-.]+)"\);?/gm))
+  const components = createSet(source.matchAll(/(?:var|const) (\w+) *?= *?_resolveComponent\("([\w-.]+)"\);?/gm))
+  const directives = createSet(source.matchAll(/(?:var|const) (\w+) *?= *?_resolveDirective\("([\w-.]+)"\);?/gm))
 
   return { components, directives }
 }

Original file line number	Diff line number	Diff line change
`@@ -1,8 +1,8 @@`
`1`	`1`	`import { camelize, capitalize } from 'vue'`
`2`	`2`
`3`	`3`	`export function parseTemplate (source: string) {`
`4`		`- const components = createSet(source.matchAll(/(?:var\|const) (\w+) = _resolveComponent\("([\w-.]+)"\);?/gm))`
`5`		`- const directives = createSet(source.matchAll(/(?:var\|const) (\w+) = _resolveDirective\("([\w-.]+)"\);?/gm))`
	`4`	`+ const components = createSet(source.matchAll(/(?:var\|const) (\w+) ?= ?_resolveComponent\("([\w-.]+)"\);?/gm))`
	`5`	`+ const directives = createSet(source.matchAll(/(?:var\|const) (\w+) ?= ?_resolveDirective\("([\w-.]+)"\);?/gm))`
`6`	`6`
`7`	`7`	`return { components, directives }`
`8`	`8`	`}`