Script setup with TypeScript

Script setup with TypeScript is the recommended approach in modern Vue development, as it combines the conciseness of script setup with advantages of using TypeScript.

Rule for AI agents

- ALWAYS use `<script setup lang="ts">` for component's script section

Eslint rule

• https://eslint.vuejs.org/rules/block-lang.html (not in presets, requires config)
• https://eslint.vuejs.org/rules/component-api-style.html (not in presets, requires config)

Source

• https://vuejs.org/guide/typescript/overview.html#using-vue-with-typescript