注意： 以下指南适用于 Tailwind v4。如果您正在使用 Tailwind v3，请使用 shadcn-vue@1.0.3。

创建项目

首先使用 Laravel 安装器创建一个带有 Inertia 和 Vue 的新 Laravel 项目 laravel new my-app：

laravel new my-app --vue

添加组件

您现在可以开始向项目添加组件。

pnpm dlx shadcn-vue@latest add switch

以上命令会将 Switch 组件添加到 resources/js/components/ui/switch。然后您可以像这样导入它：

<script setup lang="ts">
import { Switch } from '@/Components/ui/switch'
</script>

<template>
  <div>
    <Switch />
  </div>
</template>