Vue.jsのはじめにつまづいたエラー

触り始めたときにつまづいたことをメモしていきます

vue/no-unused-components

コンポーネントをインポートしているのに使用してないとエラーになっちゃう。
エラーにまでしなくてもよくない？と思うけど…
例えば以下のコードだとエラーが出る。

<template>
  <div>Hello World!</div>
</template>

<script>
  import MyHeader from './components/MyHeader.vue'

  export default {
    components: {
      MyHeader, 
    }
  }
</script>

MyHeader.vueのコンポーネントをインポートしておいて使用していないので、
vue/no-unused-componentsのエラーになっちゃいます。

vue/multi-word-component-names

・ファイル名　→　パスカルケース
・HTML内　 →　ケバブケース
・JS内 →　キャメルケース
参考
【Vue】単一ファイルコンポーネントの命名規則まとめ【ファイル名から記法まで】

Can't resolve 'sass-loader'

.vueファイルの中でscssを使うなら、sass-loaderもnpm installする必要があります。
以下でインストールして解消しました。

npm install sass-loader -D

npm install node-sass -D