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

docs(migration): restructure upgrade guide #7730

Merged
merged 6 commits into from
Sep 22, 2022
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
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
Original file line number Diff line number Diff line change
@@ -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
pi0 marked this conversation as resolved.
Show resolved Hide resolved

### 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
Original file line number Diff line number Diff line change
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