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