A simple way to add custom layouts and scoped slots in Nuxt 3

Learn how one component can embed content in another with slots We cover how to create and use slots, fallback content, slot props and more

A simple way to add custom layouts and scoped slots in Nuxt 3 Play online with our interactive Nuxt Content playground

Learn how one component can embed content in another with slots We cover how to create and use slots, fallback content, slot props and more

slot madness sign up Slots Slots can be passed to an island component if declared Every slot is interactive since the parent component is the one providing it Some slots are

js slot syntax For slots, your child component acts as the interface or structure of how you want your content arranged It can look like this:

nuxt slot However, you should be careful passing content in slots, because the Content module will render the slot content as Markdown before passing it to the Vue

TLTR; The slot invocation needs to happen within the render function or the template To suppress the error you just need to move the code into