mirror of
https://github.com/nuxt/nuxt.git
synced 2024-11-25 15:15:19 +00:00
docs: fix broken links in examples (#9119)
This commit is contained in:
parent
5a3e3a517d
commit
667286879e
@ -93,7 +93,7 @@ const appConfig = useAppConfig()
|
|||||||
</script>
|
</script>
|
||||||
```
|
```
|
||||||
|
|
||||||
:ReadMore{link="/guide/directory-structure/app.config"}
|
:ReadMore{link="/docs/guide/directory-structure/app.config"}
|
||||||
|
|
||||||
## `runtimeConfig` vs `app.config`
|
## `runtimeConfig` vs `app.config`
|
||||||
|
|
||||||
|
@ -116,7 +116,7 @@ definePageMeta({
|
|||||||
|
|
||||||
::
|
::
|
||||||
|
|
||||||
:ReadMore{link="/guide/directory-structure/middleware"}
|
:ReadMore{link="/docs/guide/directory-structure/middleware"}
|
||||||
|
|
||||||
## Route Validation
|
## Route Validation
|
||||||
|
|
||||||
|
@ -230,7 +230,7 @@ useHead({
|
|||||||
::LinkExample{link="/docs/examples/composables/use-head"}
|
::LinkExample{link="/docs/examples/composables/use-head"}
|
||||||
::
|
::
|
||||||
|
|
||||||
:ReadMore{link="/guide/directory-structure/pages/#page-metadata"}
|
:ReadMore{link="/docs/guide/directory-structure/pages/#page-metadata"}
|
||||||
|
|
||||||
### Add Dynamic Title
|
### Add Dynamic Title
|
||||||
|
|
||||||
|
@ -310,4 +310,4 @@ Create a new file in `app.vue`:
|
|||||||
</script>
|
</script>
|
||||||
```
|
```
|
||||||
|
|
||||||
::ReadMore{link="/guide/directory-structure/server"}
|
::ReadMore{link="/docs/guide/directory-structure/server"}
|
||||||
|
@ -10,4 +10,4 @@ const appConfig = useAppConfig()
|
|||||||
console.log(appConfig)
|
console.log(appConfig)
|
||||||
```
|
```
|
||||||
|
|
||||||
::ReadMore{link="/guide/directory-structure/app.config"}
|
::ReadMore{link="/docs/guide/directory-structure/app.config"}
|
||||||
|
@ -49,7 +49,7 @@ router.replace({ hash: "#bio" });
|
|||||||
|
|
||||||
However, Nuxt has a concept of **route middleware** that simplifies the implementation of navigation guards and provides a better developer experience.
|
However, Nuxt has a concept of **route middleware** that simplifies the implementation of navigation guards and provides a better developer experience.
|
||||||
|
|
||||||
::ReadMore{link="/guide/directory-structure/middleware"}
|
::ReadMore{link="/docs/guide/directory-structure/middleware"}
|
||||||
::
|
::
|
||||||
|
|
||||||
## Promise and Error Handling
|
## Promise and Error Handling
|
||||||
|
@ -56,5 +56,5 @@ In addition, `NuxtPage` also accepts custom props that you may need to pass furt
|
|||||||
|
|
||||||
For example, in above example, value of `foobar` will be available using `attrs.foobar`.
|
For example, in above example, value of `foobar` will be available using `attrs.foobar`.
|
||||||
|
|
||||||
::ReadMore{link="/guide/directory-structure/app"}
|
::ReadMore{link="/docs/guide/directory-structure/app"}
|
||||||
::
|
::
|
||||||
|
@ -61,5 +61,5 @@ Please note the layout name is normalized to kebab-case, so if your layout file
|
|||||||
</template>
|
</template>
|
||||||
```
|
```
|
||||||
|
|
||||||
::ReadMore{link="/guide/directory-structure/layouts"}
|
::ReadMore{link="/docs/guide/directory-structure/layouts"}
|
||||||
::
|
::
|
||||||
|
@ -14,7 +14,7 @@ title: "definePageMeta"
|
|||||||
</script>
|
</script>
|
||||||
```
|
```
|
||||||
|
|
||||||
::ReadMore{link="/guide/directory-structure/pages/#page-metadata"}
|
::ReadMore{link="/docs/guide/directory-structure/pages/#page-metadata"}
|
||||||
::
|
::
|
||||||
|
|
||||||
## Type
|
## Type
|
||||||
|
@ -101,7 +101,7 @@ export default defineNuxtRouteMiddleware((to, from) => {
|
|||||||
})
|
})
|
||||||
```
|
```
|
||||||
|
|
||||||
::ReadMore{link="/guide/directory-structure/middleware"}
|
::ReadMore{link="/docs/guide/directory-structure/middleware"}
|
||||||
::
|
::
|
||||||
|
|
||||||
### Navigating to an External URL
|
### Navigating to an External URL
|
||||||
|
@ -14,4 +14,4 @@ updateAppConfig(newAppConfig)
|
|||||||
console.log(appConfig) // { foo: 'baz' }
|
console.log(appConfig) // { foo: 'baz' }
|
||||||
```
|
```
|
||||||
|
|
||||||
::ReadMore{link="/guide/directory-structure/app.config"}
|
::ReadMore{link="/docs/guide/directory-structure/app.config"}
|
||||||
|
@ -8,7 +8,7 @@ toc: false
|
|||||||
|
|
||||||
This example shows how to use `app.config` feature.
|
This example shows how to use `app.config` feature.
|
||||||
|
|
||||||
::ReadMore{link="/guide/features/app-config"}
|
::ReadMore{link="/docs/guide/features/app-config"}
|
||||||
::
|
::
|
||||||
|
|
||||||
::sandbox{repo="nuxt/framework" branch="main" dir="examples/app-config" file="app.vue"}
|
::sandbox{repo="nuxt/framework" branch="main" dir="examples/app-config" file="app.vue"}
|
||||||
|
@ -6,7 +6,7 @@ toc: false
|
|||||||
|
|
||||||
This example shows how to use the plugins/ directory to auto-register plugins.
|
This example shows how to use the plugins/ directory to auto-register plugins.
|
||||||
|
|
||||||
:ReadMore{link="/guide/directory-structure/plugins"}
|
:ReadMore{link="/docs/guide/directory-structure/plugins"}
|
||||||
::
|
::
|
||||||
|
|
||||||
::sandbox{repo="nuxt/framework" branch="main" dir="examples/app/plugins" file="app.vue"}
|
::sandbox{repo="nuxt/framework" branch="main" dir="examples/app/plugins" file="app.vue"}
|
||||||
|
@ -6,7 +6,7 @@ toc: false
|
|||||||
|
|
||||||
Components in the `components/` directory are auto-imported and can be used directly in your templates. You can configure other directories to support components auto-imports.
|
Components in the `components/` directory are auto-imported and can be used directly in your templates. You can configure other directories to support components auto-imports.
|
||||||
|
|
||||||
::ReadMore{link="/guide/directory-structure/components"}
|
::ReadMore{link="/docs/guide/directory-structure/components"}
|
||||||
::
|
::
|
||||||
|
|
||||||
::sandbox{repo="nuxt/framework" branch="main" dir="examples/auto-imports/components" file="app.vue"}
|
::sandbox{repo="nuxt/framework" branch="main" dir="examples/auto-imports/components" file="app.vue"}
|
||||||
|
@ -8,7 +8,7 @@ This example shows how to use the composables/ directory to auto-import composab
|
|||||||
|
|
||||||
If the composable file provides a default export, the name of the composable will be mapped to the name of the file. Named exports can be used as-is.
|
If the composable file provides a default export, the name of the composable will be mapped to the name of the file. Named exports can be used as-is.
|
||||||
|
|
||||||
::ReadMore{link="/guide/directory-structure/composables"}
|
::ReadMore{link="/docs/guide/directory-structure/composables"}
|
||||||
::
|
::
|
||||||
|
|
||||||
::sandbox{repo="nuxt/framework" branch="main" dir="examples/auto-imports/composables" file="app.vue"}
|
::sandbox{repo="nuxt/framework" branch="main" dir="examples/auto-imports/composables" file="app.vue"}
|
||||||
|
@ -6,7 +6,7 @@ toc: false
|
|||||||
|
|
||||||
This example shows how to define default and custom layouts.
|
This example shows how to define default and custom layouts.
|
||||||
|
|
||||||
::ReadMore{link="/guide/directory-structure/layouts"}
|
::ReadMore{link="/docs/guide/directory-structure/layouts"}
|
||||||
::
|
::
|
||||||
|
|
||||||
::sandbox{repo="nuxt/framework" branch="main" dir="examples/routing/layouts" file="pages/index.vue"}
|
::sandbox{repo="nuxt/framework" branch="main" dir="examples/routing/layouts" file="pages/index.vue"}
|
||||||
|
@ -6,7 +6,7 @@ toc: false
|
|||||||
|
|
||||||
This example shows how to add route middleware with the middleware/ directory or with a plugin, and how to use them globally or per page.
|
This example shows how to add route middleware with the middleware/ directory or with a plugin, and how to use them globally or per page.
|
||||||
|
|
||||||
::ReadMore{link="/guide/directory-structure/middleware"}
|
::ReadMore{link="/docs/guide/directory-structure/middleware"}
|
||||||
::
|
::
|
||||||
|
|
||||||
::sandbox{repo="nuxt/framework" branch="main" dir="examples/routing/middleware" file="app.vue"}
|
::sandbox{repo="nuxt/framework" branch="main" dir="examples/routing/middleware" file="app.vue"}
|
||||||
|
@ -6,7 +6,7 @@ toc: false
|
|||||||
|
|
||||||
This example shows how to use the pages/ directory to create application routes.
|
This example shows how to use the pages/ directory to create application routes.
|
||||||
|
|
||||||
::ReadMore{link="/guide/directory-structure/pages"}
|
::ReadMore{link="/docs/guide/directory-structure/pages"}
|
||||||
::
|
::
|
||||||
|
|
||||||
::sandbox{repo="nuxt/framework" branch="main" dir="examples/routing/pages" file="app.vue"}
|
::sandbox{repo="nuxt/framework" branch="main" dir="examples/routing/pages" file="app.vue"}
|
||||||
|
@ -6,7 +6,7 @@ toc: false
|
|||||||
|
|
||||||
This example shows how to create server routes inside the `server/api` directory.
|
This example shows how to create server routes inside the `server/api` directory.
|
||||||
|
|
||||||
::ReadMore{link="/guide/directory-structure/server"}
|
::ReadMore{link="/docs/guide/directory-structure/server"}
|
||||||
::
|
::
|
||||||
|
|
||||||
::sandbox{repo="nuxt/framework" branch="main" dir="examples/server/routes" file="app.vue"}
|
::sandbox{repo="nuxt/framework" branch="main" dir="examples/server/routes" file="app.vue"}
|
||||||
|
@ -8,7 +8,7 @@ head.title: Nuxt Configuration Reference
|
|||||||
::AutoGenerated
|
::AutoGenerated
|
||||||
::
|
::
|
||||||
|
|
||||||
::ReadMore{link="/guide/directory-structure/nuxt.config"}
|
::ReadMore{link="/docs/guide/directory-structure/nuxt.config"}
|
||||||
::
|
::
|
||||||
|
|
||||||
<!-- GENERATED_CONFIG_DOCS -->
|
<!-- GENERATED_CONFIG_DOCS -->
|
||||||
|
Loading…
Reference in New Issue
Block a user