Support custom vue compiler options in @astrojs/vue (withastro#3143)

* adds support for passing options to @vitejs/plugin-vue

* updating vue integration README with options details

* adding a tests for custom vue compiler options

* chore: adding changeset

test/fixtures/vue-component/astro.config.mjs

@@ -3,5 +3,11 @@ import vue from '@astrojs/vue';
 
 // https://astro.build/config
 export default defineConfig({
- integrations: [vue()],
+ integrations: [vue({
+ template: {
+ compilerOptions: {
+ isCustomElement: tag => tag.includes('my-button')
+ }
+ }
+ })],
 });

test/fixtures/vue-component/src/components/Result.vue

@@ -1,5 +1,6 @@
 <template>
  <pre>{{ value }}</pre>
+ <my-button>Click Me</my-button>
 </template>
 
 <script>

test/vue-component.test.js

@@ -33,6 +33,9 @@ describe('Vue component', () => {
  // test 3: all <astro-root>s have uid attributes
  expect($('astro-root[uid]')).to.have.lengthOf(6);
 
+ // test 4: treats <my-button> as a custom element
+ expect($('my-button')).to.have.lengthOf(7);
+
  // test 5: components with identical render output and props have been deduplicated
  const uniqueRootUIDs = $('astro-root').map((i, el) => $(el).attr('uid'));
  expect(new Set(uniqueRootUIDs).size).to.equal(5);