v-slot directive should be used properly - Rule

Vue provides shorthand syntax for named slots You can replace v-slot: with # # References Official

Vue allows you to pass a dynamic value as the name of a slot This is useful when you want to dynamically decide which slot content to render

vue3 slot If we pass multiple components to a child component, one is a named slot The other is an unnamed slot will use the unnamed one as the

vue default slot To inject HTML content into a particular slot, use the slot attribute on any child element to specify the name of the slot All other child elements of the