From 48377fa18c708fe9a4a3599b0684ba2f5241ce87 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Matej=20=C4=8Cern=C3=BD?=
 <112722215+CernyMatej@users.noreply.github.com>
Date: Fri, 9 Aug 2024 18:55:10 +0200
Subject: [PATCH] docs: recommend '#teleports' target instead of 'body'
 (#28489)

---
 docs/3.api/1.components/11.teleports.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/docs/3.api/1.components/11.teleports.md b/docs/3.api/1.components/11.teleports.md
index 8821cda125..8e9bc52a4e 100644
--- a/docs/3.api/1.components/11.teleports.md
+++ b/docs/3.api/1.components/11.teleports.md
@@ -4,7 +4,7 @@ description: The <Teleport> component teleports a component to a different locat
 ---
 
 ::warning
-The `to` target of [`<Teleport>`](https://vuejs.org/guide/built-ins/teleport.html) expects a CSS selector string or an actual DOM node. Nuxt currently has SSR support for teleports to `body` only, with client-side support for other targets using a `<ClientOnly>` wrapper.
+The `to` target of [`<Teleport>`](https://vuejs.org/guide/built-ins/teleport.html) expects a CSS selector string or an actual DOM node. Nuxt currently has SSR support for teleports to `#teleports` only, with client-side support for other targets using a `<ClientOnly>` wrapper.
 ::
 
 ## Body Teleport
@@ -14,7 +14,7 @@ The `to` target of [`<Teleport>`](https://vuejs.org/guide/built-ins/teleport.htm
   <button @click="open = true">
     Open Modal
   </button>
-  <Teleport to="body">
+  <Teleport to="#teleports">
     <div v-if="open" class="modal">
       <p>Hello from the modal!</p>
       <button @click="open = false">