"export 'default' (imported as 'Vue') was not found in 'vue'

Vue

Vueで変なエラー

vue-router、vuex、axiosを一括インストールした時に気づいたのですが、
改めてnpm run serveをするとこんな警告が出ていました。

"export 'default' (imported as 'Vue') was not found in 'vue'

main.js

import Vue from 'vue'
import App from './App.vue'
import router from './router'

Vue.config.productionTip = false

/* eslint-disable no-new */
new Vue({
    router,
    render: h => h(App)
  }).$mount('#app')

exportやimportの書き方間違っているのか？と思って、
自分の以前までのリポジトリを眺めて差分を調べたり、
他のファイルのexport defaultの仕方を変えたり、
import { Vue } from 'vue'にしたりしましたが・・・

問題はVue3？？

Vue.jsの開発環境Vue-Cliをインストールします。
ここでのバージョンは4系。
以前までと変わらないです。

Vue-cliでテンプレート作成の際、
以前まで存在していなかったvue2系 or vue3系の選択項目。

自分は新しい方がええやろ！とvue3系を選択しました。

  "dependencies": {
    "axios": "^0.20.0",
    "core-js": "^3.6.5",
    "vue": "^3.0.0-0",
    "vue-router": "^3.4.5"
  },

どうやらvue2とvue3では書き方の違いや
対応しているライブラリが少なかったりしているようです。

stackoverflow.com

Vue3系最新すぎる・・・！
Options API→Composition APIへアップグレードされたり、
v-modelの仕様変更などが目玉なようです。
qiita.com

解決策

Vue3のような新しい波についていくことは重要ですが、
自分はvue初心者でネット上のリソースを頼りに生きている人間なので、
ここはvue2系へダウングレードして妥協しようと思います。
vue2系→vue3系に更新する際に手助けするプラグインがあるようですが、
その逆は無いかのぅ・・・