From 70ba263dae4297b901dbf80216bad5b76173e7f7 Mon Sep 17 00:00:00 2001 From: Josh Deltener Date: Tue, 25 Oct 2022 11:41:08 -0500 Subject: [PATCH 1/3] docs: updated bridge migration guide added warnings to useHead and added verbiage to let users know @vueuse/head needs to be added to package.json --- docs/content/6.bridge/1.overview.md | 7 +++++-- 1 file changed, 5 insertions(+), 2 deletions(-) diff --git a/docs/content/6.bridge/1.overview.md b/docs/content/6.bridge/1.overview.md index f1625c7b062..297a0f04018 100644 --- a/docs/content/6.bridge/1.overview.md +++ b/docs/content/6.bridge/1.overview.md @@ -252,8 +252,11 @@ export default defineNuxtConfig({ }) ``` -This `useHead` composable uses `@vueuse/head` under the hood (rather than `vue-meta`) to manipulate your ``. -Accordingly, we recommend not to use both the native Nuxt 2 `head()` properties as well as `useHead`, as they may conflict. +::alert +This `useHead` composable uses `@vueuse/head` under the hood (rather than `vue-meta`) to manipulate your ``. You need to add `@vueuse/head` in your package.json file for it to work properly. + +::alert{type=warning} +We recommend not to use both the native Nuxt 2 `head()` properties as well as `useHead`, as they may conflict. For more information on how to use this composable, see [the docs](/getting-started/seo-meta). From cd55d46c4b228b85dfe1c3159741a4581d65d4a4 Mon Sep 17 00:00:00 2001 From: Josh Deltener Date: Tue, 25 Oct 2022 11:49:44 -0500 Subject: [PATCH 2/3] minor tweak --- docs/content/6.bridge/1.overview.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/content/6.bridge/1.overview.md b/docs/content/6.bridge/1.overview.md index 297a0f04018..ea31b12b462 100644 --- a/docs/content/6.bridge/1.overview.md +++ b/docs/content/6.bridge/1.overview.md @@ -253,7 +253,7 @@ export default defineNuxtConfig({ ``` ::alert -This `useHead` composable uses `@vueuse/head` under the hood (rather than `vue-meta`) to manipulate your ``. You need to add `@vueuse/head` in your package.json file for it to work properly. +This `useHead` composable uses `@vueuse/head` under the hood (rather than `vue-meta`) to manipulate your ``. You need to add `@vueuse/head` to your package.json file for it to work properly. ::alert{type=warning} We recommend not to use both the native Nuxt 2 `head()` properties as well as `useHead`, as they may conflict. From 48d061f8ded36fdccdb4ba33e5bee8b1c7630b93 Mon Sep 17 00:00:00 2001 From: Daniel Roe Date: Wed, 26 Oct 2022 10:28:00 +0200 Subject: [PATCH 3/3] docs: add closing tags and tweak some language --- docs/content/6.bridge/1.overview.md | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/docs/content/6.bridge/1.overview.md b/docs/content/6.bridge/1.overview.md index ea31b12b462..60b437645bb 100644 --- a/docs/content/6.bridge/1.overview.md +++ b/docs/content/6.bridge/1.overview.md @@ -253,10 +253,12 @@ export default defineNuxtConfig({ ``` ::alert -This `useHead` composable uses `@vueuse/head` under the hood (rather than `vue-meta`) to manipulate your ``. You need to add `@vueuse/head` to your package.json file for it to work properly. +This `useHead` composable uses `@vueuse/head` under the hood (rather than `vue-meta`) to manipulate your ``. You need to add `@vueuse/head` to your package.json file for it to work properly. +:: ::alert{type=warning} -We recommend not to use both the native Nuxt 2 `head()` properties as well as `useHead`, as they may conflict. +We recommend not using the native Nuxt 2 `head()` properties in addition to `useHead`, as they may conflict. +:: For more information on how to use this composable, see [the docs](/getting-started/seo-meta).