vue Multi-word오류(eslint) 해결책

간단하게 이름을 작성하면 거슬리는게 나타난다

vue에서 컴포넌트 이름은 여러개의 단어로 이루어져 있어야 한다며 이렇게 한 단어로 이름을 작성하고 vue파일을 만들면

오류가 나타난다. 

 

eslint설정에서 규칙으로 적용되는 곳에서 없애거나, 이름을 두가지 이상의 단어로 합쳐서 vue파일을 생성해야한다.

 

export default {
  name: 'HomePage',
  // ...
}

이런식으로 스크립트 부분에서 이름을 새로 지어줘도 된다.

 

추천하는 방식은 파일의 이름을 두 개 이상의 단어로 조합하여 만들기와 위와 같이 name을 script에서 따로 지정해주는 것이다.

취향에 따라서 방식을 정해 심각하진 않지만 거슬리는 오류를 해결해보자