mirror of
https://github.com/nuxt/nuxt.git
synced 2024-11-21 21:25:11 +00:00
docs: mention upgrading third-party configs (#27768)
This commit is contained in:
parent
27b17dfacd
commit
666c8c2fe9
@ -178,6 +178,7 @@ nuxt.config.ts
|
|||||||
1. Create a new directory called `app/`.
|
1. Create a new directory called `app/`.
|
||||||
1. Move your `assets/`, `components/`, `composables/`, `layouts/`, `middleware/`, `pages/`, `plugins/` and `utils/` folders under it, as well as `app.vue`, `error.vue`, `app.config.ts`. If you have an `app/router-options.ts` or `app/spa-loading-template.html`, these paths remain the same.
|
1. Move your `assets/`, `components/`, `composables/`, `layouts/`, `middleware/`, `pages/`, `plugins/` and `utils/` folders under it, as well as `app.vue`, `error.vue`, `app.config.ts`. If you have an `app/router-options.ts` or `app/spa-loading-template.html`, these paths remain the same.
|
||||||
1. Make sure your `nuxt.config.ts`, `content/`, `layers/`, `modules/`, `public/` and `server/` folders remain outside the `app/` folder, in the root of your project.
|
1. Make sure your `nuxt.config.ts`, `content/`, `layers/`, `modules/`, `public/` and `server/` folders remain outside the `app/` folder, in the root of your project.
|
||||||
|
1. Remember to update any third-party configuration files to work with the new directory structure, such as your `tailwindcss` or `eslint` configuration (if required - `@nuxtjs/tailwindcss` should automatically configure `tailwindcss` correctly).
|
||||||
|
|
||||||
::tip
|
::tip
|
||||||
You can automate this migration by running `npx codemod@latest nuxt/4/file-structure`
|
You can automate this migration by running `npx codemod@latest nuxt/4/file-structure`
|
||||||
|
Loading…
Reference in New Issue
Block a user