Vue 3 Development

Based on Vue 3.5+. Always use Composition API with <script setup lang="ts">.

Preferences

• Always <script setup lang="ts"> — no Options API
• TypeScript for all component logic
• Prefer shallowRef over ref when deep reactivity is not needed
• Prefer Tailwind utility classes over custom CSS
• Avoid reactive props destructure — use const props = defineProps<Props>()
• Function declarations (function handleClick()) over arrow functions for component methods
• Early returns over if/else blocks

Quick Template

<script setup lang="ts">
import { ref, computed, onMounted } from 'vue'