Vue3+Vuetify(Preview)のプロジェクト作成時のエラーについて

はじめに

VuetifyがVue3に正式バージョンではサポートしておらず、プレビュー版で色々エラーを踏んだので、シェア。ちなみにM1 Mac。
（2022年３月に正式サポート版をリリース予定）

各ライブラリのバージョン

ここが最も重要。
以下のバージョンで上手く行った。（おそらくメジャーバージョンがあっていればOK）

terminal

% node -v && vue -V && npm -v   
v17.4.0
@vue/cli 5.0.0-rc.2
8.3.1

この状態で、vue create ＆ vue add vuetifyを行う。
各ライブラリが古いと以下のエラーが表示されるはず。

terminal

% npm run serve
 ERROR  ValidationError: Progress Plugin Invalid Options
        
        options should NOT have additional properties
        options should NOT have additional properties
        options should NOT have additional properties
        options should pass "instanceof" keyword validation
        options should match exactly one schema in oneOf
        
ValidationError: Progress Plugin Invalid Options

options should NOT have additional properties
options should NOT have additional properties
options should NOT have additional properties
options should pass "instanceof" keyword validation
options should match exactly one schema in oneOf

エラーが発生した際のライブラリのバージョンは以下。

terminal

% node -v && vue -V && npm -v   
v17.4.0
@vue/cli 4.5.15
8.3.1

vue add vuetifyの際のエラーの対処

vuetifyを追加しようとすると、以下のエラーが発生する。

terminal

% vue add vuetify  
  10:9  error  Component name "Home" should always be multi-word  vue/multi-word-component-names

✖ 1 problem (1 error, 0 warnings)

これは.eslintrc.jsにコードを足すことで対処する。

.eslintrc.js

  overrides: [
    {
      rules: {
        "vue/multi-word-component-names": 0,
      },
      files: [
        "src/views/**/*.vue",
      ],
    },
  ],