From abff6cb057a179779a9350cc3175bdec4096aa62 Mon Sep 17 00:00:00 2001 From: julien huang Date: Wed, 7 Sep 2022 23:35:27 +0200 Subject: [PATCH 1/4] docs(use-head): fix /api/composables/use-meta to /api/composables/use-head --- docs/content/4.examples/3.composables/use-head.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/content/4.examples/3.composables/use-head.md b/docs/content/4.examples/3.composables/use-head.md index 9b348889381..be42c3b4bb9 100644 --- a/docs/content/4.examples/3.composables/use-head.md +++ b/docs/content/4.examples/3.composables/use-head.md @@ -7,7 +7,7 @@ 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](/api/composables/head). :: ::ReadMore{link="/api/composables/use-fetch"} From 8362149a8a0a70fea5a4bc08e5a06965a0020002 Mon Sep 17 00:00:00 2001 From: julien huang Date: Thu, 8 Sep 2022 17:50:57 +0200 Subject: [PATCH 2/4] docs(head): mention noscript for useHead and Meta Tags --- docs/content/2.guide/2.features/4.head-management.md | 4 ++-- docs/content/migration/4.meta.md | 2 +- 2 files changed, 3 insertions(+), 3 deletions(-) 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 fff18d73061..188a6df85c0 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/migration/4.meta.md b/docs/content/migration/4.meta.md index 6883bd3e7c9..bdc1ede9015 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. From cd0ace06e8ad6e79b908e41ee22df4a5f3b89269 Mon Sep 17 00:00:00 2001 From: julien huang <julien.huang@outlook.fr> Date: Thu, 8 Sep 2022 17:59:40 +0200 Subject: [PATCH 3/4] docs(use-head): fix links --- docs/content/4.examples/3.composables/use-head.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/docs/content/4.examples/3.composables/use-head.md b/docs/content/4.examples/3.composables/use-head.md index be42c3b4bb9..86940b36c31 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/head). +Learn more about [meta tags](/migration/meta). :: -::ReadMore{link="/api/composables/use-fetch"} +::ReadMore{link="/api/composables/use-head"} :: ::ReadMore{link="/guide/features/head-management"} From 6ba1fe38e865b16b15b67d36efc96b4dc856c131 Mon Sep 17 00:00:00 2001 From: julien huang <julien.huang@outlook.fr> Date: Thu, 8 Sep 2022 18:08:18 +0200 Subject: [PATCH 4/4] docs: fix meta tags link --- docs/content/4.examples/3.composables/use-head.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/content/4.examples/3.composables/use-head.md b/docs/content/4.examples/3.composables/use-head.md index 86940b36c31..3681424d292 100644 --- a/docs/content/4.examples/3.composables/use-head.md +++ b/docs/content/4.examples/3.composables/use-head.md @@ -7,7 +7,7 @@ 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](/migration/meta). +Learn more about [meta tags](/guide/features/head-management#meta-components). :: ::ReadMore{link="/api/composables/use-head"}