vscode-workbench/.trae/specs/tool-fav-button-missing/spec.md

工具页面收藏按钮补全 Spec

Why

实用工具下的 8 个具体工具页面缺少收藏按钮（ToolFavoriteButton），用户无法在工具详情页直接收藏/取消收藏工具，需要回到工具列表页操作，体验不一致。

What Changes

• 为以下 8 个页面添加 ToolFavoriteButton 组件：
  • ColorConverter（颜色转换器，/utility/color-converter）
  • ImageCompressor（图片压缩，/utility/image-compressor）
  • CharsetConverter（字符编码转换，/utility/charset-converter）
  • Calculator（计算器，/utility/calculator）
  • DateCalculator（日期计算器，/utility/date-calculator）
  • QRCodeGenerator（二维码生成，/qrcode-generator）
  • ColorPicker（取色器，/color-picker）
  • ImageEditor（图片编辑，/utility/image-editor）
• 收藏按钮放置在各页面顶部返回按钮右侧，与已有页面（如 JsonFormatter、Base64Tool 等）保持一致的位置

Impact

• Affected specs: 无
• Affected code: 8 个工具页面组件

ADDED Requirements

Requirement: 工具页面收藏按钮

系统 SHALL 在每个工具详情页顶部提供收藏按钮，允许已登录用户收藏/取消收藏该工具。

Scenario: 已登录用户收藏工具

• WHEN 已登录用户点击工具页面的收藏按钮（空心星标）
• THEN 按钮变为实心金色星标，显示"已收藏"，收藏数 +1

Scenario: 未登录用户点击收藏按钮

• WHEN 未登录用户点击收藏按钮
• THEN 提示"请先登录"

Scenario: 已登录用户取消收藏

• WHEN 已登录用户点击已收藏工具的收藏按钮（实心星标）
• THEN 按钮变为空心星标，显示"收藏"，收藏数 -1