Skip to content
This repository has been archived by the owner on Apr 6, 2023. It is now read-only.

Commit

Permalink
docs(migration): restructure upgrade guide (#7730)
Browse files Browse the repository at this point in the history
  • Loading branch information
clemcode committed Sep 22, 2022
1 parent 2894a75 commit 71ef8bd
Show file tree
Hide file tree
Showing 4 changed files with 62 additions and 30 deletions.
28 changes: 0 additions & 28 deletions docs/content/1.getting-started/10.upgrade-guide/0.migration.md

This file was deleted.

59 changes: 59 additions & 0 deletions docs/content/1.getting-started/10.upgrade.md
@@ -0,0 +1,59 @@
# Upgrade Guide

Have a Nuxt 2 project to migrate? Use these guides to upgrade your Nuxt applications to Nuxt 3 or take the first step in that direction with Nuxt Bridge.

If you are already using Nuxt 3 and want to upgrade to the latest release or test new features before their release, head over to the [Upgrading Nuxt 3](#upgrading-nuxt-3) section.

## Feature Comparison

In the table below, there is a quick comparison between 3 versions of Nuxt:

Feature / Version | Nuxt 2 | Nuxt Bridge | Nuxt 3
-------------------------|-----------------|------------------|---------
Vue | 2 | 2 | 3
Stability | 😊 Stable | 😌 Semi-stable | Release candidate
Performance | 🏎 Fast | ✈️ Faster | πŸš€ Fastest
Nitro Engine | ❌ | βœ… | βœ…
ESM support | πŸŒ™ Partial | πŸ‘ Better | βœ…
TypeScript | β˜‘οΈ Opt-in | 🚧 Partial | βœ…
Composition API | ❌ | 🚧 Partial | βœ…
Options API | βœ… | βœ… | βœ…
Components Auto Import | βœ… | βœ… | βœ…
`<script setup>` syntax | ❌ | 🚧 Partial | βœ…
Auto Imports | ❌ | βœ… | βœ…
Webpack | 4 | 4 | 5
Vite | ⚠️ Partial | 🚧 Partial | βœ…
Nuxi CLI | ❌ Old | βœ… nuxi | βœ… nuxi
Static sites | βœ… | βœ… | βœ…

## Nuxt 2 to Nuxt 3

The migration guide provides a step-by-step comparison of Nuxt 2 features to Nuxt 3 features and guidance to adapt your current application.

::alert{type=info icon=πŸ‘‰}
[**Migrate from From Nuxt 2 to Nuxt 3**](/migration/overview)
::

## Nuxt 2 to Nuxt Bridge

If you prefer to progressively migrate your Nuxt 2 application to Nuxt 3, you can use Nuxt Bridge. Nuxt Bridge is a compatibility layer that allows you to use Nuxt 3 features in Nuxt 2 with an opt-in mechanism.

::alert{type=info icon=πŸ‘‰}
[**Migrate from Nuxt 2 to Nuxt Bridge**](/bridge/overview)
::

## Upgrading Nuxt 3

### Latest release

To upgrade Nuxt 3 to the latest release, use the `nuxi upgrade` command.

```bash
npx nuxi upgrade
```

### Edge release channel

::alert{type=info icon=πŸ‘‰}
To use the latest Nuxt 3 build and test features before their release, read the [edge release channel](/guide/going-further/edge-channel) guide.
::
5 changes: 3 additions & 2 deletions docs/static/_redirects
Expand Up @@ -40,8 +40,9 @@
/guide/features/state-management /getting-started/state-management 302!
/guide/features/error-handling /getting-started/error-handling 302!
/guide/going-further/testing /getting-started/testing 302!
/getting-started/migration /getting-started/upgrade-guide/migration 302!
/guide/going-further/edge-channel /getting-started/upgrade-guide/edge-channel 302!
/getting-started/migration /getting-started/upgrade-guide/migration 302
/getting-started/upgrade-guide/migration /getting-started/upgrade 302!
/getting-started/upgrade-guide/edge-channel /guide/going-further/edge-channel 302!
/guide/features/modules /guide/concepts/modules 302!
/guide/features/server-routes /guide/directory-structure/server 302!
/guide/going-further/esm /guide/concepts/esm 302!
Expand Down

0 comments on commit 71ef8bd

Please sign in to comment.