Vue.jsで "Mixed spaces and tabs no-mixed-spaces-and-tabs"というエラーに直面

##エラー文
Vue.jsで以下エラーに直面しました。

Failed to compile.

./src/components/Top.vue
Module Error (from ./node_modules/eslint-loader/index.js):

/Users/XXXX/Desktop/XXXX/src/components/Top.vue
  44:2  error  Mixed spaces and tabs  no-mixed-spaces-and-tabs

✖ 1 problem (1 error, 0 warnings)

##原因

コードを書く際スペースを打つと思うのですが、
スペースキーでやるか、tabキーでやるかだと思います。

今回のエラーは下図でいう赤枠部分に上記両方のキーでスペースを作ったことが原因です。

##解決方法
tabキーのみでコードをフォーマットしたら、上記エラー解消しました。

その他、タブとスペースの混在を許可する設定をして解消する方法もあるみたいですね。