From bfb875e1fe4b4b115b716b06e7fcc2d7d1e57b49 Mon Sep 17 00:00:00 2001 From: Michael Brevard Date: Tue, 18 Jun 2024 00:22:48 +0300 Subject: [PATCH] docs: remove warning, add modifier conflicting component info --- docs/2.guide/2.directory-structure/1.components.md | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/docs/2.guide/2.directory-structure/1.components.md b/docs/2.guide/2.directory-structure/1.components.md index a0a3421fb..62d9a0b6e 100644 --- a/docs/2.guide/2.directory-structure/1.components.md +++ b/docs/2.guide/2.directory-structure/1.components.md @@ -189,8 +189,7 @@ If you would like to override the default hydration triggers when dealing with d :: ::important -Since Nuxt uses `LazyIdle`, `LazyVisible`, and `LazyEvent` to handle delayed hydration, you should avoid naming your components that, as dynamic imports will break for you. Delayed hydration would still be possible by adding the prefix, for example to a component named `IdleBar`: -`` +Nuxt will respect your component names, which means even if your components begin with a reserved prefix like Visible/Idle/Event they will not have delayed hydration. This is made to ensure you have full control over all your components and prevent breaking dynamic imports for those components. This also means you would need to explicitly add the prefix to those components. For example, if you have a component named`IdleBar`, you would need to use it like `` and not `` to make it a delayed hydration component, otherwise it would be treated as a regular [dynamic import](/docs/guide/directory-structure#dynamic-imports) :: ## Direct Imports