至于项目名称，VibeToDo
再看主要模块，1. @core/store - zustand状态管理
2. @core/api - Axios封装
3. @ui/components - MaterialUI风格组件库
模块间交互规则:
- 数据流: 一律通过store + action处理
- API调用: 必须经过api服务层封装
- 组件通信: 唯一通过props传递
从字段标准化来看，- todo_item { id:string,text:string。
done:boolean }

/task 分解待办列表功能模块
// 第一阶段 - 基础结构
请实现以下模块：
1. 初始化zustand store
✔ 必须包含addTodo/updateTodo/deleteTodo三种action
✔ 数据需自动持久化到localStorage
// 第二阶段 - UI组件库
2. TodoItem组件
✔ 接收{text,done} props并渲染MaterialUI Card风格UI
✔ 提供toggleDone事件回调
// 第三阶段 - 整合与测试...
...

/test 驱动开发过程示例
// 测试用例优先！describe => {
it => {
const spy = jest.spyOn;addTodo，expect.toHaveBeenCalledWith);})，});//接下来才开始实现...
const useTodosStore = create => ({
说到todos，JSON.parse) ||。addTodo: => set(state => ({
todos这方面，localStorage.setItem)
})),}));// Storybook UI测试...
export default {
至于title，'VibeToDo/TodoItem',component: TodoItem,parameters:{ controls:{ exclude:/done|text/ } },}