@nuxt/docs-nightly 4.1.1-29282087.9ed08339 → 4.1.1-29283054.32d56553

package/7.migration/6.pages-and-layouts.md

@@ -25,14 +25,14 @@ Consider creating an `app.vue` file and including any logic that needs to run on
 
 If you are using layouts in your app for multiple pages, there is only a slight change required.
 
-In Nuxt 2, the `<Nuxt>` component is used within a layout to render the current page. In Nuxt 3, layouts use slots instead, so you will have to replace that component with a `<slot />`. This also allows advanced use cases with named and scoped slots. [Read more about layouts](/docs/guide/directory-structure/layouts).
+In Nuxt 2, the `<Nuxt>` component is used within a layout to render the current page. In Nuxt 3, layouts use slots instead, so you will have to replace that component with a `<slot />`. This also allows advanced use cases with named and scoped slots. [Read more about layouts](/docs/guide/directory-structure/app/layouts).
 
-You will also need to change how you define the layout used by a page using the `definePageMeta` compiler macro. Layouts will be kebab-cased. So `layouts/customLayout.vue` becomes `custom-layout` when referenced in your page.
+You will also need to change how you define the layout used by a page using the `definePageMeta` compiler macro. Layouts will be kebab-cased. So `app/layouts/customLayout.vue` becomes `custom-layout` when referenced in your page.
 
 ### Migration
 
 1. Replace `<Nuxt />` with `<slot />`
-    ```diff [layouts/custom.vue]
+    ```diff [app/layouts/custom.vue]
       <template>
         <div id="app-layout">
           <main>
@@ -43,7 +43,7 @@ You will also need to change how you define the layout used by a page using the
       </template>
     ```
 2. Use [`definePageMeta`](/docs/api/utils/define-page-meta) to select the layout used by your page.
-    ```diff [pages/index.vue]
+    ```diff [app/pages/index.vue]
     + <script setup>
     + definePageMeta({
     +   layout: 'custom'
@@ -54,7 +54,7 @@ You will also need to change how you define the layout used by a page using the
     - }
       </script>
     ```
-3. Move `~/layouts/_error.vue` to `~/error.vue`. See [the error handling docs](/docs/getting-started/error-handling). If you want to ensure that this page uses a layout, you can use [`<NuxtLayout>`](/docs/guide/directory-structure/layouts) directly within `error.vue`:
+3. Move `~/layouts/_error.vue` to `~/error.vue`. See [the error handling docs](/docs/getting-started/error-handling). If you want to ensure that this page uses a layout, you can use [`<NuxtLayout>`](/docs/guide/directory-structure/app/layouts) directly within `error.vue`:
     ```vue [error.vue]
     <template>
       <div>
@@ -67,11 +67,11 @@ You will also need to change how you define the layout used by a page using the
 
 ## Pages
 
-Nuxt 3 ships with an optional `vue-router` integration triggered by the existence of a [`pages/`](/docs/guide/directory-structure/pages) directory in your source directory. If you only have a single page, you may consider instead moving it to `app.vue` for a lighter build.
+Nuxt 3 ships with an optional `vue-router` integration triggered by the existence of a [`app/pages/`](/docs/guide/directory-structure/app/pages) directory in your source directory. If you only have a single page, you may consider instead moving it to `app.vue` for a lighter build.
 
 ### Dynamic Routes
 
-The format for defining dynamic routes in Nuxt 3 is slightly different from Nuxt 2, so you may need to rename some of the files within `pages/`.
+The format for defining dynamic routes in Nuxt 3 is slightly different from Nuxt 2, so you may need to rename some of the files within `app/pages/`.
 
 1. Where you previously used `_id` to define a dynamic route parameter you now use `[id]`.
 2. Where you previously used `_.vue` to define a catch-all route, you now use `[...slug].vue`.
@@ -84,7 +84,7 @@ In Nuxt 2, you will have defined any nested routes (with parent and child compon
 
 If you were passing a custom page key or keep-alive props to `<Nuxt>`, you will now use `definePageMeta` to set these options.
 
-:read-more{to="/docs/guide/directory-structure/pages#special-metadata"}
+:read-more{to="/docs/guide/directory-structure/app/pages#special-metadata"}
 
 ### Page and Layout Transitions
 

package/7.migration/7.component-options.md

@@ -73,7 +73,7 @@ Despite the names, [`useFetch`](/docs/api/composables/use-fetch) is not a direct
 
 You can now define a key within the [`definePageMeta`](/docs/api/utils/define-page-meta) compiler macro.
 
-```diff [pages/index.vue]
+```diff [app/pages/index.vue]
 - <script>
 - export default {
 -   key: 'index'
@@ -106,7 +106,7 @@ This feature is not yet supported in Nuxt 3.
 This feature is not yet supported in Nuxt 3. If you want to overwrite the default scroll behavior of `vue-router`, you can do so in an `~/router.options.ts` (see [docs](/docs/guide/recipes/custom-routing#router-options)) for more info.
 Similar to `key`, specify it within the [`definePageMeta`](/docs/api/utils/define-page-meta) compiler macro.
 
-```diff [pages/index.vue]
+```diff [app/pages/index.vue]
 - <script>
 - export default {
 -   scrollToTop: false
@@ -126,7 +126,7 @@ Similar to `key`, specify it within the [`definePageMeta`](/docs/api/utils/defin
 
 The validate hook in Nuxt 3 only accepts a single argument, the `route`. Just as in Nuxt 2, you can return a boolean value. If you return false and another match can't be found, this will mean a 404. You can also directly return an object with `statusCode`/`statusMessage` to respond immediately with an error (other matches will not be checked).
 
-```diff [pages/users/[id\\].vue]
+```diff [app/pages/users/[id\\].vue]
 - <script>
 - export default {
 -   async validate({ params }) {
@@ -147,7 +147,7 @@ The validate hook in Nuxt 3 only accepts a single argument, the `route`. Just as
 
 This is not supported in Nuxt 3. Instead, you can directly use a watcher to trigger refetching data.
 
-```vue [pages/users/[id\\].vue]
+```vue [app/pages/users/[id\\].vue]
 <script setup lang="ts">
 const route = useRoute()
 const { data, refresh } = await useFetch('/api/user')

package/7.migration/8.runtime-config.md

@@ -31,7 +31,7 @@ export default defineNuxtConfig({
 })
 ```
 
-```vue [pages/index.vue]
+```vue [app/pages/index.vue]
 <script setup lang="ts">
 const config = useRuntimeConfig()
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nuxt/docs-nightly",
-  "version": "4.1.1-29282087.9ed08339",
+  "version": "4.1.1-29283054.32d56553",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/nuxt/nuxt.git",