[ Vue.js ] Component name "index" should always be multi-word.eslintvue/multi-word-component-names 에러해결

공부하면서

vue router 설치 후 index.vue를 하나 만들었는데

 

에러...

 

Component name "index" should always be multi-word.

 

이런 에러가 발생...

 

에러 읽어보니 컴포넌트 이름 index를 2개 단어를 사용해야 한다는데..

그냥 index.vue가 깔끔한데 단어 하나 더 붙이라니....

 

그래서 좀 찾아보니

 

1. 2단어를 해서 뭐 firstIndex.vue 이런 식으로 수정해도 되고

2. .eslintrc.js 파일의 rule 부분에 vue/multi-word-component-names 규칙을 off로 변경해 주면 된다고 해서

 

2번 방법을 선택!

.eslintrc.js

 

rules: {
      "vue/multi-word-component-names": "off"//eslint의 기본 규칙이 컴포넌트 이름을 정할 땐 두 개 이상의 단어를 사용하는 규칙이어서 컴파일 에러      
},

 

위와 같이 rules에 추가해주고 저장 후 재기동 해주면 에러가 사라진 것을 확인가능 했습니다.

 

에러 사라짐