Zengtudor/Nuxt
1
0
Fork 0
mirror of https://github.com/nuxt/nuxt.git synced 2025-03-03 20:04:13 +00:00
Code Issues Packages Projects Releases Wiki Activity

docs: remove warning, add modifier conflicting component info

Browse Source
This commit is contained in:
Michael Brevard 2024-06-18 00:22:48 +03:00 committed by GitHub
parent 66c831bd41
commit bfb875e1fe
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 1 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
docs/2.guide/2.directory-structure/1.components.md
View File

@ -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`:
`<LazyIdleIdleBar />`
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 `<LazyIdleIdleBar>` and not `<LazyIdleBar>` 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