nuxt-vue3
Enable Vue 3 (compat) mode in your Nuxt project
This module enables Vue 3 compatibility mode in your Nuxt 2 project. It is unofficial and purely for exploring the Vue 3 API. Take a look at the instructions here for more information on how to use the compatibility build.
Features
- [x] Client-side webpack support
- [x] Nuxt features:
asyncData
,validate
, layouts, middleware, plugins, etc. - [x] Vue 3 features:
script setup
,composables
- [ ] Client-side vite support
- [ ] Server-side support
Known limitations and workarounds
- You will need to use
<RouterLink>
instead of<NuxtLink>
Note: This library overrides your client.js
template from @nuxt/vue-app
Not (yet) supported
- new-style
fetch()
-
<RouterLink>
in the same component asscript setup
- Vue 2 Composition API (either
@vue/composition-api
or@nuxtjs/composition-api
)
Quick setup
- Add
nuxt-vue3
dependency to your project
yarn add nuxt-vue3 # or npm install nuxt-vue3
- Add
nuxt-vue3
to thebuildModules
section ofnuxt.config.js
{
buildModules: [
'nuxt-vue3',
]
}
- Run
nuxt
!
Development
- Clone this repository
- Install dependencies using
yarn install
- Start development server using
yarn dev