用途:为 Grove 各工具(如 amber、ivy、foliage 等)构建统一的 /vineyard 展示页,用于介绍功能、展示可运行演示并说明路线图。
主要能力:组件从 @autumnsgrove/lattice/vineyard 导入,随 Lattice 提供,无需单独安装。包含 VineyardLayout(整页包装,含 hero、状态徽章、理念语、相关工具页脚)、FeatureCard(图标、状态、描述及可选演示槽)、StatusBadge(ready、preview、demo、coming-soon、in-development)、DemoContainer(含 Mock Data 标识)、CodeExample(带语言、文件名与复制按钮)、TierGate(基于层级 seedling<sapling<oak<grove 的门控与升级提示)、RoadmapSection(built/in-progress/planned 时间线)、AuthButton 与 UserMenu。还提供类型 VineyardStatus、GroveTool、GroveTier,以及 getSession。
使用方式:在 src/routes/vineyard/+page.svelte 中导入组件,用 <VineyardLayout tool="amber" tagline="Your files, preserved" status="preview"> 包裹内容,内部放置 FeatureCard、DemoContainer、RoadmapSection 等。图标使用有效的 @lucide/svelte 名称。DemoContainer 设 mockData={true} 时显示蓝色 Mock Data 标识与虚线边框。涉及 Grove 术语时通过 GroveTerm/GroveText 与 manifest 使用,避免硬编码。
适用场景:新建 /vineyard 路由、为现有 vineyard 页添加功能或演示、实现功能卡片/路线图/演示容器。
限制:资料未说明具体收费、价格、平台与效果;组件功能以文档所述为准。提交前建议检查清单:正确的 tool/tagline/status、至少 3 个 FeatureCard、诚实的路线图数组、至少一个交互演示、移动端响应、有效图标名、状态徽章准确、术语使用 GroveTerm。