Vue 3 + shadcn-vue + Tailwind CSS

Vue 3 Composition API

Always use <script setup lang="ts"> syntax. This is the recommended and most concise way to write Vue 3 components.

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

// Props with TypeScript
interface Props {
  title: string
  count?: number
}
const props = withDefaults(defineProps<Props>(), {
  count: 0,
})