fix(common): throw error when sfc lang is different

relate #322 (comment)

.changeset/hip-pears-sneeze.md

@@ -0,0 +1,6 @@
+---
+'@vue-macros/common': patch
+'unplugin-vue-macros': patch
+---
+
+throw error when sfc lang is different

packages/common/src/vue.ts

@@ -29,7 +29,21 @@ export function parseSFC(code: string, id: string): SFC {
  filename: id,
  })
  const { descriptor, errors } = sfc
- const lang = (descriptor.script || descriptor.scriptSetup)?.lang
+
+ const scriptLang = sfc.descriptor.script?.lang
+ const scriptSetupLang = sfc.descriptor.scriptSetup?.lang
+
+ if (
+ sfc.descriptor.script &&
+ sfc.descriptor.scriptSetup &&
+ (scriptLang || 'js') !== (scriptSetupLang || 'js')
+ ) {
+ throw new Error(
+ `[unplugin-vue-macros] <script> and <script setup> must have the same language type.`
+ )
+ }
+
+ const lang = scriptLang || scriptSetupLang
 
  return {
  sfc,

packages/macros/tests/__snapshots__/fixtures.test.ts.snap

@@ -80,6 +80,8 @@ export { definePropsRefs as default };
 "
 `;
 
+exports[`fixtures > tests/fixtures/error-diff-lang.vue 1`] = `"[unplugin-vue-macros] <script> and <script setup> must have the same language type."`;
+
 exports[`fixtures > tests/fixtures/hoist-static.vue 1`] = `
 "import { defineComponent } from 'vue';
 import _export_sfc from '/plugin-vue/export-helper';

packages/macros/tests/fixtures/error-diff-lang.vue

@@ -0,0 +1,6 @@
+<script>
+console.log(1)
+</script>
+<script setup lang="ts">
+const foo = $ref('')
+</script>

tsconfig.fixture.json

@@ -5,6 +5,7 @@
  },
  "include": ["**/fixtures/**/*", "packages/macros/macros-global.d.ts"],
  "vueCompilerOptions": {
+ "experimentalDefinePropProposal": "kevinEdition",
  "plugins": [
  "@vue-macros/volar/define-options",
  "@vue-macros/volar/define-models",