docs(claude): 修复Vue组件代码块排布顺序说明

- 修正组件文件结构规范中的代码块排布顺序说明
- 将错误的 template → script → style 更正为 script → template → style
- 移除代码块语言标识避免ESLint解析错误
This commit is contained in:
Leo 2025-07-06 19:01:45 +08:00
parent 6b04e80d41
commit 031efe042e

View File

@ -493,7 +493,8 @@ async function handleSubmit() {
await submitForm()
coiMsgSuccess('操作成功')
userDialogRef.value?.novaClose()
} catch (error) {
}
catch (error) {
coiMsgError('操作失败')
}
}
@ -552,7 +553,8 @@ async function handleSubmit() {
**所有Vue3组件必须严格按照以下顺序组织代码块**
### 组件代码块排布顺序
```vue
```
<!-- Vue 组件文件结构示例 -->
<script setup lang="ts">
// 脚本内容
</script>
@ -567,7 +569,7 @@ async function handleSubmit() {
```
### 强制要求
- ✅ 必须按照 `template` → `script` → `style` 的顺序排布
- ✅ 必须按照 `script` → `template` → `style` 的顺序排布
- ✅ 使用 `<script setup lang="ts">` 语法
- ✅ 样式块使用 `scoped` 属性确保样式隔离
- ✅ 每个代码块之间保持一个空行间隔