test: test template parse options with ast reuse

Author: yyx990803

playground/vue/Main.vue

@@ -32,6 +32,7 @@
   <PreCompiled />
   <PreCompiledExternalScoped />
   <PreCompiledExternalCssModules />
+  <ParserOptions />
 </template>
 
 <script setup lang="ts">
@@ -58,6 +59,7 @@ import DefaultLangs from './DefaultLangs.vue'
 import PreCompiled from './pre-compiled/foo.vue'
 import PreCompiledExternalScoped from './pre-compiled/external-scoped.vue'
 import PreCompiledExternalCssModules from './pre-compiled/external-cssmodules.vue'
+import ParserOptions from './ParserOptions.vue'
 
 const TsGeneric = defineAsyncComponent(() => import('./TsGeneric.vue'))
 

playground/vue/ParserOptions.vue

@@ -0,0 +1,8 @@
+<script setup>
+import { h } from 'vue'
+const MyElement = () => h('div', 'component')
+</script>
+
+<template>
+  <my-element class="custom-element-from-options">custom</my-element>
+</template>

playground/vue/__tests__/vue.spec.ts

@@ -363,3 +363,11 @@ describe('pre-compiled components', () => {
     expect(await getColor('.pre-compiled-external-cssmodules')).toBe('red')
   })
 })
+
+describe('template parse options', () => {
+  test('isCustomElement', async () => {
+    expect(await page.textContent('.custom-element-from-options')).toMatch(
+      'custom',
+    )
+  })
+})

playground/vue/vite.config.ts

@@ -9,7 +9,17 @@ export default defineConfig({
       '@': __dirname,
     },
   },
-  plugins: [vuePlugin(), splitVendorChunkPlugin(), vueI18nPlugin],
+  plugins: [
+    vuePlugin({
+      template: {
+        compilerOptions: {
+          isCustomElement: (tag) => tag.startsWith('my-'),
+        },
+      },
+    }),
+    splitVendorChunkPlugin(),
+    vueI18nPlugin,
+  ],
   build: {
     // to make tests faster
     minify: false,