Vue router, should always be multi-word-component 에러
어제 Vue-routing 를 공부하면서 간단한 예제들을 만들어보다가,
Component name "~~~" should always be multi-word. 라는 에러를 접하게 되었다.
Vue 에서는 위의 에러와 같이 Component name의 값을 두 단어의 조합으로 해야 한다는 규칙이 존재한다.
이런 이유로 처음에는 HomeRoute , AboutRoute, SearchRoute 로 어떤 식으로 multi-word 로 조합했지만, 좀 더 깔끔한 네이밍이 좋기 때문에 오류를 해결해보고자 한다.
해결방법 1 - package.json
package.json 파일의 rules 옵션에 "vue/multi-word-component-names" : 0 을 추가해준다.
해결방법 2 - vue.config.js
vue.confing.js 파일에 lintOnSave: false 를 추가해준다.
두 가지 해결 방법이 존재하는데 이 중 하나만 입력하면 컴포넌트 단일 이름의 에러 인식을 막을 수 있다!
