让您的智能体能够使用 Vue 3 Composition API 和 script setup 构建现代 Web 界面。
当使用 TypeScript 和 script setup 编写 Vue 单文件组件 (SFC) 时
当使用 ref、shallowRef 和计算属性实现复杂的响应式时
当使用 Transition、Teleport 或 Suspense 等内置组件实现高级 UI 模式时
使用 defineProps 和 ref 定义组件的状态和属性 (props)
使用 computed、watch 或生命周期钩子实现业务逻辑或副作用
使用 Vue 的声明式语法和指令创建组件模板
验证组件的响应式，并在适当的地方使用 shallowRef 优化性能
你
我需要一个处理 500ms 防抖搜索输入的 Vue 3 组件。
Agent
我将使用 `<script setup lang="ts">` 构建它。我将为输入使用一个 `ref`，使用 `defineModel` 进行双向绑定，并使用带有防抖效果的 `watch` 在用户停止输入后触发搜索逻辑。
让您的智能体能够诊断并修复 Vue 3 运行时错误、响应式 bug 和水合不匹配问题。
让您的智能体能够遵循严格的架构和性能标准实现高质量的 Vue 3 应用程序。
让您的智能体能够使用 VueUse 组合式函数构建简洁的特性，如本地存储同步或鼠标追踪。
让你的智能体能够列出并分析当前仓库中分配给你的 GitHub issue。
赋予你的智能体管理 GitHub Issue 完整生命周期的能力，从创建 Bug 报告和功能请求到跟踪复杂的依赖关系。
