fix: ignore generic attribute when generating script import

close vuejs/core#8270

Author: yyx990803

packages/plugin-vue/src/main.ts

@@ -486,7 +486,16 @@ async function linkSrcToDescriptor(
 
 // these are built-in query parameters so should be ignored
 // if the user happen to add them as attrs
-const ignoreList = ['id', 'index', 'src', 'type', 'lang', 'module', 'scoped']
+const ignoreList = [
+  'id',
+  'index',
+  'src',
+  'type',
+  'lang',
+  'module',
+  'scoped',
+  'generic',
+]
 
 function attrsToQuery(
   attrs: SFCBlock['attrs'],

playground/vue/Main.vue

@@ -27,10 +27,11 @@
   <SetupImportTemplate />
   <WorkerTest />
   <Url />
+  <TsGeneric msg="hello" />
 </template>
 
 <script setup lang="ts">
-import { version } from 'vue'
+import { version, defineAsyncComponent } from 'vue'
 import Hmr from './Hmr.vue'
 import HmrTsx from './HmrTsx.vue'
 import Syntax from './Syntax.vue'
@@ -50,6 +51,8 @@ import { ref } from 'vue'
 import Url from './Url.vue'
 import TypeProps from './TypeProps.vue'
 
+const TsGeneric = defineAsyncComponent(() => import('./TsGeneric.vue'))
+
 const time = ref('loading...')
 
 window.addEventListener('load', () => {

playground/vue/TsGeneric.vue

@@ -0,0 +1,8 @@
+<script setup lang="ts" generic="T extends string">
+defineProps<{ msg: T }>()
+</script>
+
+<template>
+  <h2>TS with Generics</h2>
+  <div class="generic">{{ msg }}</div>
+</template>

playground/vue/__tests__/vue.spec.ts

@@ -323,3 +323,7 @@ describe('macro imported types', () => {
     )
   })
 })
+
+test('TS with generics', async () => {
+  expect(await page.textContent('.generic')).toMatch('hello')
+})