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

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>

<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>

<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
::::
::

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

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