Vue.jsエコシステムのVue 3対応状況

（2022/05/29 現時点での状況を更新した。）

Vue 3がリリースされてからしばらく経ち、周辺ライブラリも徐々にVue 3対応が進んできている。Vue.jsエコシステムのVue 3対応について、2021年5月2日時点での最新状況を整理した。

概要としては、Vue RouterやVuexなどコア部分のライブラリは対応が進んでいるが、UIフレームワーク等はまだ追いついていない、という状況となっている。また、近々に[Vue 3にVue 2互換モードが実装されるよう](https://twitter.com/vuejs/status/1388144585600274433)で、これで当面の互換性を維持することも選択肢となりそうである。

#### Vue 3対応状況（2022年05月29日時点）

|                                                              | Vue 3対応 最新版                                             | Vue 3対応 stableリリース                                     | 参考                                                         |
| ------------------------------------------------------------ | ------------------------------------------------------------ | ------------------------------------------------------------ | ------------------------------------------------------------ |
| [Vue](https://vuejs.org/)                                    | [3.2.36](https://github.com/vuejs/core/releases/tag/v3.2.36) | [2020/09/19](https://github.com/vuejs/vue-next/releases/tag/v3.0.0) |                                                              |
| [Vue CLI](https://cli.vuejs.org/)                            | [5.0.4](https://github.com/vuejs/vue-cli/releases/tag/v5.0.4) | リリース済み                                                 | Vue CLIはメンテナンスモードとなり[create-vue](https://github.com/vuejs/create-vue)に置き換えられた。 |
| [Vue Router](https://router.vuejs.org/)                      | [4.0.15](https://github.com/vuejs/router/releases/tag/v4.0.15) | [2020/12/07](https://github.com/vuejs/vue-router-next/releases/tag/v4.0.0) |                                                              |
| [Vuex](https://vuex.vuejs.org/)                              | [4.0.2](https://github.com/vuejs/vuex/releases/tag/v4.0.2)   | [2021/02/02](https://github.com/vuejs/vuex/releases/tag/v4.0.0) | [Migrating to 4.0 from 3.x](https://vuex.vuejs.org/guide/migrating-to-4-0-from-3-x.html#migrating-to-4-0-from-3-x) |
| [Vue Devtools](https://devtools.vuejs.org/)                  | [6.1.4](https://github.com/vuejs/devtools/releases/tag/v6.1.4) | リリース済み                                                 |                                                              |
| [Vetur](https://marketplace.visualstudio.com/items?itemName=octref.vetur) | [0.35.0](https://github.com/vuejs/vetur/releases/tag/v0.35.0) | リリース済み                                                 | [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar)に置き換えられた。（[参考](https://vuejs.org/guide/typescript/overview.html#ide-support)） |
| [Vuetify](https://next.vuetifyjs.com/)                       | [3.0.0-beta.2](https://github.com/vuetifyjs/vuetify/releases/tag/v3.0.0-beta.2) | May, 2022                                                    | [Roadmap](https://vuetifyjs.com/en/introduction/roadmap/#in-development) |
| [Boostrap Vue](https://bootstrap-vue.org/)                   | 未対応                                                       | 未定                                                         | [Vue 3 support #5196](https://github.com/bootstrap-vue/bootstrap-vue/issues/5196#issuecomment-1057672333) |
| [Nuxt3](https://v3.nuxtjs.org/)                              | [3.0.0-rc.3](https://github.com/nuxt/framework/releases/tag/v3.0.0-rc.3) | June, 2022                                                   | [Nuxt3 Roadmap](https://v3.nuxtjs.org/community/roadmap#roadmap) |

#### Vue 3対応状況（2021年5月2日時点）

|                                                              | Vue 3対応 最新版                                             | Vue 3対応 stableリリース                                     | 参考リンク                                                   |
| ------------------------------------------------------------ | ------------------------------------------------------------ | ------------------------------------------------------------ | ------------------------------------------------------------ |
| [Vue](https://vuejs.org/)                                    | [3.0.11](https://github.com/vuejs/vue-next/releases/tag/v3.0.11) | [2020/09/19](https://github.com/vuejs/vue-next/releases/tag/v3.0.0) |                                                              |
| [Vue CLI](https://cli.vuejs.org/)                            | [4.5.12](https://www.npmjs.com/package/@vue/cli)             | [2020/10/07](https://github.com/vuejs/vue-cli/releases/tag/v4.5.7) *1 |                                                              |
| [Vue Router](https://router.vuejs.org/)                      | [4.0.6](https://www.npmjs.com/package/vue-router/v/next)     | [2020/12/07](https://github.com/vuejs/vue-router-next/releases/tag/v4.0.0) |                                                              |
| [Vuex](https://vuex.vuejs.org/)                              | [4.0.0](https://www.npmjs.com/package/vuex/v/next)           | [2021/02/02](https://github.com/vuejs/vuex/releases/tag/v4.0.0) |                                                              |
| [Vue Devtools](https://devtools.vuejs.org/)                  | [6.0.0 beta 8](https://github.com/vuejs/vue-devtools/releases/tag/v6.0.0-beta.8) | 不明                                                         | [Vue.js Migration Guide](https://v3.vuejs.org/guide/migration/introduction.html#devtools-extension) |
| [Vetur](https://marketplace.visualstudio.com/items?itemName=octref.vetur) | [0.33.1](https://github.com/vuejs/vetur/releases/tag/v0.33.1) | 不明                                                         | [Vue.js Migration Guide](https://v3.vuejs.org/guide/migration/introduction.html#ide-support) |
| [Vuetify](https://vuetifyjs.com/)                            | 未対応                                                       | 2021 Q3 (予定)                                               | [Roadmap](https://vuetifyjs.com/en/introduction/roadmap/#in-development) |
| [Boostrap Vue](https://bootstrap-vue.org/)                   | 未対応                                                       | 未定                                                         | [Vue 3 support #5196](https://github.com/bootstrap-vue/bootstrap-vue/issues/5196) |
| [Nuxt.js](https://nuxtjs.org/)                               | 未対応                                                       | (2021 Q2 Public Beta)                                        | [Vue 3 Support #5708](https://github.com/nuxt/nuxt.js/issues/5708)<br>[State of Nuxt {2,3}](https://docs.google.com/presentation/d/1cWxCe9IZVRzM2W4OqvA4PtBr9_GLcF3n7VJEUoBLjg8) |

*1 Vue 3.0.0をインストールするようになった正確なバージョンは不明

#### 参考

* [Vue.js Migration Guide - Supporting Libraries](https://v3.vuejs.org/guide/migration/introduction.html#supporting-libraries)
* [Vue.jsの主要UIフレームワークのVue3対応状況を見てみる(2020年12月版)](https://qiita.com/n-matsuda/items/27f5cdf100478a138a03)
* [Vue3 compatibility status of central vue libraries #3544](https://github.com/vuejs/awesome-vue/issues/3544) (2020年11月最終更新)
* [Vue Roadmap](https://github.com/vuejs/vue/projects/6) (2020年9月以降更新なし)