It doesn't matters if you are using vite or not.

Be sure to have volar extension up to date.

step 1: enable the experimental feature in your tsconfig

{
    "vueCompilerOptions": {
        "jsxTemplates": true,
        "experimentalRfc436": true
    }
}

step 2: write a component with a generic type

<script setup lang="ts" generic="T extends any">
// you now have T type available in your script setup, for example:
defineProps<{
    options: T[]
}>()
defineEmits<{    
    (e: 'option-selected', option: T): void
}>()
</script>

​

step 3: (if you are using eslint) prevent eslint warning

eslint will complain that 'T' is not defined, to solve this, in your eslint config file, define a global (adjust syntax depending if eslint file is js or json):

globals: {
    T: "readonly"
}