vue/multi-word-component-names

https://velog.io/@minseojo/Vue.js-Error-vuemulti-word-component-names

 

 

 

 

이 에러는 Eslint와 같이 사용할 때 발생하는 에러인데, vue에서 component명을 만들 때 반드시 단어의 조합(CmmMenu)으로 지어야 한다는 의미다.

이는 html 태그와 헷갈리지 않게 하려고 그렇게 설정해놨다고 한다.

방법 1

vue/cli를 사용해서 프로젝트를 만들었다면 vue.config.js 파일이 있을 텐데,
아래와 같이 lintOnSave : false를 추가해 주기만 하면 된다.

const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
  transpileDependencies: true,
  lintOnSave : false
})

방법 2

또는 package.json 파일이 있을텐데 rule에 "vue/multi-word-component-names" : 0을 추가해주자.

   "rules": {
      "vue/multi-word-component-names" : 0
    }

이제 npm run serve를 통해 다시 실행해보자.