How to exactly use nuxt-bridge
I'm trying to use nuxt-bridge to make our application more compatible with Nuxt 3. I'm trying to follow the documentation but it is not very clear.
I did the Nuxt and Vue updates prior to installing Nuxt bridge so thankfully I'm already on:
- Nuxt 2.18.1
- Vue 2.7.16
And I did steps described on that page:
https://nuxt.com/docs/4.x/bridge/overview
I have:
1. installed the bridge and nuxi packages.
2. added
3. added
4. updated the commands to use
At this point application seems to work normally as before. But now what? As soon as I change
For example, the first step in the docs is to enable typescript option. So I tried it.
I removed typescript packages described here https://nuxt.com/docs/4.x/bridge/typescript
I updated the config to:
And tried adding
But application complains that I have to remove
I did the Nuxt and Vue updates prior to installing Nuxt bridge so thankfully I'm already on:
- Nuxt 2.18.1
- Vue 2.7.16
And I did steps described on that page:
https://nuxt.com/docs/4.x/bridge/overview
I have:
1. installed the bridge and nuxi packages.
2. added
defineNuxtConfignuxt.config.js3. added
bridge: false4. updated the commands to use
nuxt2nuxtAt this point application seems to work normally as before. But now what? As soon as I change
bridge: false{}For example, the first step in the docs is to enable typescript option. So I tried it.
I removed typescript packages described here https://nuxt.com/docs/4.x/bridge/typescript
I updated the config to:
`
bridge: {
typescript: true,
nitro: false
}
And tried adding
"extends": "./.nuxt/tsconfig.json",But application complains that I have to remove
@nuxtjs/composition-apiNuxt
Reduce the differences with Nuxt 3 and reduce the burden of migration to Nuxt 3.
