TypeScript — type-safe Vue development.
Setup:
1npm install -D typescript vue-tsc
Component with TypeScript:
1<script setup lang="ts">2import { ref, computed } from "vue"34interface User {5 id: number6 name: string7}89const user = ref<User | null>(null)10const displayName = computed(() => user.value?.name ?? "Guest")11</script>
Props with TypeScript:
1<script setup lang="ts">2const props = defineProps<{3 title: string4 count?: number5}>()6</script>