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#script-lang-js
• https://eslint.vuejs.org/rules/component-api-style.html

Source

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