Vue SFC 结构规范

这份规范用于本项目所有 .vue 文件，重点约束 script setup 的组织顺序与职责分层。

适用范围

• 文件匹配：**/*.vue。
• 适用对象：使用 <script setup> 的 Vue 单文件组件。
• 不适用对象：无 <script setup> 的纯模板组件或非 SFC 写法。

目标

• 让组件脚本结构稳定、可预测、便于扫描。
• 把类型定义、响应式状态、context provider、watch、生命周期分层放置，减少来回跳读。

script setup 顺序

推荐顺序如下：