关于Eslint的 xxx is defined but not used 报错处理

我是选择默认安装的  vue 3  default的命令下创建，之后所遇到的eslint的错误处理方式

在package.json文件夹下的  "rules"中添加如下代码：

 "no-unused-vars" : "off",
 "@typescript-eslint/no-unused-vars" : ["error"]

 之后，又在根目录下（与src文件夹同级）创建eslintrc.js文件，写入代码：

module.exports = {
    extends: [
        "plugin:vue/vue3-recommended",
        "preetier",
        "preetier/vue"
    ],
    rules: {
        'vue/no-unused-vars':'error',
        "vue/no-multiple-template-root": "off",
    },
};

             

之后，ctrl+c 选择y,再重新输入指令npm  run  serve  就OK了