diff --git a/docs/content/2.guide/2.features/4.head-management.md b/docs/content/2.guide/2.features/4.head-management.md index fff18d7306..188a6df85c 100644 --- a/docs/content/2.guide/2.features/4.head-management.md +++ b/docs/content/2.guide/2.features/4.head-management.md @@ -6,7 +6,7 @@ Out-of-the-box, Nuxt provides good default values for `charset` and `viewport` m ## `useHead` Composable -Within your `setup` function, you can call `useHead` with an object of meta properties with keys corresponding to meta tags: `title`, `titleTemplate`, `base`, `script`, `style`, `meta` and `link`, as well as `htmlAttrs` and `bodyAttrs`. There are also two shorthand properties, `charset` and `viewport`, which set the corresponding meta tags. Alternatively, you can pass a function returning the object for reactive metadata. +Within your `setup` function, you can call `useHead` with an object of meta properties with keys corresponding to meta tags: `title`, `titleTemplate`, `base`, `script`, `noscript`, `style`, `meta` and `link`, as well as `htmlAttrs` and `bodyAttrs`. There are also two shorthand properties, `charset` and `viewport`, which set the corresponding meta tags. Alternatively, you can pass a function returning the object for reactive metadata. For example: @@ -70,7 +70,7 @@ useHead({ ## Meta Components -Nuxt provides ``, `<Base>`, `<Script>`, `<Style>`, `<Meta>`, `<Link>`, `<Body>`, `<Html>` and `<Head>` components so that you can interact directly with your metadata within your component's template. +Nuxt provides `<Title>`, `<Base>`, `<Script>`, `<NoScript>`, `<Style>`, `<Meta>`, `<Link>`, `<Body>`, `<Html>` and `<Head>` components so that you can interact directly with your metadata within your component's template. Because these component names match native HTML elements, it is very important that they are capitalized in the template. diff --git a/docs/content/4.examples/3.composables/use-head.md b/docs/content/4.examples/3.composables/use-head.md index 9b34888938..3681424d29 100644 --- a/docs/content/4.examples/3.composables/use-head.md +++ b/docs/content/4.examples/3.composables/use-head.md @@ -7,10 +7,10 @@ template: Example This example shows how to use `useHead` and Nuxt built-in components to bind meta data to the head of the page. ::alert{type=info icon=👉} -Learn more about [meta tags](/api/composables/use-meta). +Learn more about [meta tags](/guide/features/head-management#meta-components). :: -::ReadMore{link="/api/composables/use-fetch"} +::ReadMore{link="/api/composables/use-head"} :: ::ReadMore{link="/guide/features/head-management"} diff --git a/docs/content/migration/4.meta.md b/docs/content/migration/4.meta.md index 6883bd3e7c..bdc1ede901 100644 --- a/docs/content/migration/4.meta.md +++ b/docs/content/migration/4.meta.md @@ -11,7 +11,7 @@ Nuxt 3 provides several different ways to manage your meta tags. 2. Through the `useHead` [composable](/guide/features/head-management) 3. Through [global meta components](/guide/features/head-management) -You can customize `title`, `titleTemplate`, `base`, `script`, `style`, `meta`, `link`, `htmlAttrs` and `bodyAttrs`. +You can customize `title`, `titleTemplate`, `base`, `script`, `noscript`, `style`, `meta`, `link`, `htmlAttrs` and `bodyAttrs`. ::alert{icon=📦} Nuxt currently uses [`vueuse/head`](https://github.com/vueuse/head) to manage your meta tags, but implementation details may change.