Nuxt•2y ago

Cannot use <slot> inside component

I get infinite warn like this:

Avoid app logic that relies on enumerating keys on a component instance. The keys will be empty in production mode to avoid performance overhead

Avoid app logic that relies on enumerating keys on a component instance. The keys will be empty in production mode to avoid performance overhead

when I create on new nuxt, nuxt-content, nuxt-icon:

Section.vue:

<template>
<div>
<ContentSlot name="title" />
<div>
<slot/>
</div>
</div>
</template>

<template>
<div>
<ContentSlot name="title" />
<div>
<slot/>
</div>
</div>
</template>

Container.vue:

<template>
<div>
<slot />
</div>
</template>

<template>
<div>
<slot />
</div>
</template>

index.md:

::section
#title
My title
#default
::::container
Test
::::
::

::section
#title
My title
#default
::::container
Test
::::
::

FoxCodeOP•5/6/24, 2:47 PM

Problem is related to

commenting this code makes the application work properly

joe_black_unlucky•5/7/24, 7:09 AM

Tenor

FoxCodeOP•5/7/24, 8:27 AM

update: its nuxt-icon module fault, new version fixes it but nuxt-ui doesn't have it yet