Drift Verse

一个用 Vue 3、Vite、Tailwind、Pinia、Supabase 构建的可视化节点宇宙。

快速开始

• npm install
• 在 .env.local 设置：
  • VITE_SUPABASE_URL=https://YOUR_PROJECT_ID.supabase.co
  • VITE_SUPABASE_ANON_KEY=YOUR_ANON_KEY
• npm run dev 打开 http://localhost:5173/

命令

• npm run dev 启动开发服务器
• npm run build 生产构建
• npm run preview 预览构建结果

UI 体系（shadcn-vue）

• 基于 shadcn-vue 样式与生成器，配置信息见 components.json:1-21
  • 风格：new-york，图标库：lucide
  • Tailwind 配置与样式：tailwind.config.js、src/styles/globals.css
• 添加组件示例：npx shadcn-vue@latest add button input dialog
  • 生成到 src/components/ui（别名 ui，见 components.json:13-18）
• 组件内部使用 reka-ui primitives 与 Tailwind 组合

Supabase 初始化

• 在 Supabase 创建 Storage bucket node-images
• 在 SQL Editor 执行 supabase/base.sql（创建 users / nodes 表并配置存储策略，见 supabase/base.sql:2-20、22-45）
• 按需启用 RLS 并添加策略（如基于 auth.uid() 的访问控制）