基础模板

不含有任何内容

<template>
  <div></div>
</template>

<script lang="ts" setup>
// 空组件无需逻辑
</script>

<style scoped>
/* 空样式表 */
</style>

含少量内容

<template>
  <div class="container">
    <h1>{{ message }}</h1>
    <button @click="updateMessage">点击更新</button>
  </div>
</template>

<script lang="ts" setup>
import { ref } from 'vue'

const message = ref<string>('Hello Vue3!')

const updateMessage = () => {
  message.value = 'ESLint规范已生效'
}
</script>

<style scoped>
.container {
  padding: 20px;
  font-family: Arial, sans-serif;
}
</style>

类型声明冲突问题

关于VSCode快捷修复功能（通常通过Ctrl+.或Cmd+.触发）与_rule相关的报错问题，其核心原因和解决方案如下：

问题根源分析

• ​类型声明冲突​
  当自定义验证规则与TypeScript内置类型定义冲突时，VSCode会标记_rule为未知类型。常见于：

// 错误示例：未正确导入Element Plus类型
const validate = (rule, value) => { ... }

• ​规则参数未使用​
  未正确使用验证规则的参数会导致TypeScript警告：

// ❌ 错误代码：value参数未被使用
const validate = (rule: any, value: any) => {
  // 未使用value参数 → 触发TS6133警告
}

• ​自定义规则类型缺失​
  未为自定义验证规则定义明确类型声明：

// 缺少类型注解
const validateCoordinates = (rule, value, callback) => { ... }