新建vue文件后，会出现第一行代码爆红现象

报错原因:
在组件命名的时候未按照 ESLint 的官方代码规范进行命名，根据 ESLint 官方代码风格指南，除了根组件（App.vue）以外，其他自定义组件命名要使用大驼峰命名方式或者用“-”连接单词进行命名；

解决方法一:

修改vue文件名,改为两个及以上单词的名字

解决方法二:

关闭命名规则:
在.eslintrc.cjs里边添加 rules:{ ‘vue/multi-word-component-names’:‘off’ }

/* eslint-env node */
require('@rushstack/eslint-patch/modern-module-resolution')

module.exports = {
  root: true,
  'extends': [
    'plugin:vue/vue3-essential',
    'eslint:recommended',
    '@vue/eslint-config-typescript'
  ],
  parserOptions: {
    ecmaVersion: 'latest'
  },
++  rules:{
++    'vue/multi-word-component-names':'off'
++  }
}

nt-names’:‘off’
++ }
}