Hide an Empty Slot with No Content

Hide an Empty Slot with No Content vue 3 check if slot has content You can hook into Vue errors using onErrorCaptured In addition, Nuxt provides a vue:error hook that will be called if any errors propagate up to the top level vue slot ref Let's take a component that has one child component and a slot: Parent If you want some more advanced content on slots, I replicated the v-for

vue vslot vue becomes custom-layout when referenced in your page Migration Replace Nuxt > with slot > layouts template> div id=app-layout> main>