🌴
【Vuetify】Component name "Home" should always be multi-wordエラーの対処法
環境
M1Mac
Monterey
$ node -v && vue -V && npm -v
v18.9.0
@vue/cli 5.0.8
8.19.1
エラー内容
9:11 error Component name "Home" should always be multi-word vue/multi-word-component-names
✖ 1 problem (1 error, 0 warnings)
対処法
以下を追加する。どちらでもできるので、場合によって使い分けるのがよさそうです。自分はルールに一行だけ追加するのが短く済むのでそちらにしました。
ルールに追加
rules: {
"no-console": process.env.NODE_ENV === "production" ? "warn" : "off",
"no-debugger": process.env.NODE_ENV === "production" ? "warn" : "off",
"vue/multi-word-component-names": 0, //追加
},
オーバーライドする
eslintrc.js
//以下追加
overrides: [
{
rules: {
"vue/multi-word-component-names": 0,
},
files: [
"src/views/**/*.vue",
],
},
],
実際に追加したコード全体
module.exports = {
root: true,
env: {
node: true
},
'extends': [
'plugin:vue/essential',
'eslint:recommended'
],
parserOptions: {
parser: '@babel/eslint-parser'
},
rules: {
'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
"vue/multi-word-component-names": 0, //追加
},
}
✔ Successfully invoked generator for plugin: vue-cli-plugin-vuetify
関連ページ
参考ページ
Discussion