docs(claude): 修复Vue组件代码块排布顺序说明
- 修正组件文件结构规范中的代码块排布顺序说明 - 将错误的 template → script → style 更正为 script → template → style - 移除代码块语言标识避免ESLint解析错误
This commit is contained in:
parent
6b04e80d41
commit
031efe042e
@ -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` 属性确保样式隔离
|
||||
- ✅ 每个代码块之间保持一个空行间隔
|
||||
|
||||
Loading…
Reference in New Issue
Block a user