组件
创建项目
首先创建一个新的 TanStack Router 项目
pnpm dlx create-tsrouter-app@latest my-app --template file-router --tailwind --add-ons shadcn
添加组件
现在你可以开始向项目中添加组件了。
pnpm dlx shadcn@canary add button
上述命令会将 Button 组件添加到你的项目中。然后你可以这样导入它：
import { createFileRoute } from "@tanstack/react-router"
import { Button } from "@/components/ui/button"
export const Route = createFileRoute("/")({
component: App,
})
function App() {
return (
<div>
<Button>Click me</Button>
</div>
)
}