diff options
Diffstat (limited to 'packages/integrations/vue/src')
| -rw-r--r-- | packages/integrations/vue/src/editor.cts | 8 |
1 files changed, 4 insertions, 4 deletions
diff --git a/packages/integrations/vue/src/editor.cts b/packages/integrations/vue/src/editor.cts index 0c9642d67..d4f10aab6 100644 --- a/packages/integrations/vue/src/editor.cts +++ b/packages/integrations/vue/src/editor.cts @@ -23,7 +23,8 @@ export function toTSX(code: string, className: string): string { const { scriptSetup } = parsedResult.descriptor; if (scriptSetup) { - const definePropsType = scriptSetup.content.match(/defineProps<([\s\S]+?)>\s?\(\)/); + const codeWithoutComments = scriptSetup.content.replace(/\/\/.*|\/\*[\s\S]*?\*\//g, ''); + const definePropsType = codeWithoutComments.match(/defineProps<([\s\S]+?)>\s?\(\)/); const propsGeneric = scriptSetup.attrs.generic; const propsGenericType = propsGeneric ? `<${propsGeneric}>` : ''; @@ -40,11 +41,10 @@ export function toTSX(code: string, className: string): string { // TODO. Find a way to support generics when using defineProps without passing explicit types. // Right now something like this `defineProps({ prop: { type: Array as PropType<T[]> } })` // won't be correctly typed in Astro. - const defineProps = scriptSetup.content.match(/defineProps\([\s\S]+\)/); - + const defineProps = codeWithoutComments.match(/defineProps\([\s\S]+?\)/); if (defineProps) { result = ` - import { defineProps } from '@vue/runtime-core'; + import { defineProps } from 'vue'; ${regularScriptBlockContent} |