Freezes up in Nuxt Content
kbrgmn opened this issue · 1 comments
Environment
- Operating System: Linux
- Node Version: v21.7.1
- Nuxt Version: 3.11.1
- CLI Version: 3.11.1
- Nitro Version: 2.9.5
- Package Manager: bun@1.1.0
- Builder: -
- User Config: devtools, modules
- Runtime Modules: @nuxt/content@2.12.1, nuxt-icon@0.6.10
- Build Modules: -
Reproduction
GitHub repo here: https://github.com/kbrgmn/nuxt-content-icon-reproduction (as the browser freezes/crashes, stackblitz does not work well here)
Very minimal reproduction:
- a single page
[...slug].vue
:
<template>
<ContentDoc/>
</template>`)
- 2 components
the first of which is:
<template>
<Icon name="heroicons:information-circle"/>
</template>
the second component is:
<template>
<div>
<p>Different component here</p>
<div>
<slot/>
</div>
</div>
</template>
- 1 single simple content markdown page using the two components:
# Issue reproduction
First component (icon):
::ComponentWithIcon
::
::SecondComponent
We have some more content here
- nsetetur sadipscing elitr,
::
Describe the bug
When the page is visited (in dev mode with bun dev
), it completely freezes up (both Firefox and Chrome),
with no text being selectable, developer console not opening if it hasn't already been opened or opening blank, browser not even closing properly, and this warning is printed hundreds of times repeatedly in the console:
Avoid app logic that relies on enumerating keys on a component instance.
The keys will be empty in production mode to avoid performance overhead.
(the reproduction does not have a single <script> tag in the whole repository)
However, this issue does not occur when a production build is being done with bun run build
.
When the first component (the nuxt-icon) is removed, the issue does not occur.
Logs
No warnings / errors are outputted in the terminal where nuxt dev
is run.
Seems to be fixed by now