Slot and nested Templates while migration

Aayush Saxena - Sep 10 - - Dev Community

HI everyone,
Im working on a project for migration of whole app from vue 2 to vue 3 but encountered an error regarding slots,
In vue 2 wee need to use slots as

but in vue 3 we need to wrap slot in template tag and use # say

And I have a template inside my component tag , and adding another tag to wrap slot makes it as nested template and then vue gives error that nested templates should not be used.

Below is an demonstration of my code


<!-- eslint-disable vue/valid-v-slot -->



sdfgsdgfsd



Note: The template just below HelloVue component tag is must required as in my original code in that template we are rendering different data acc to screen size

.
Terabox Video Player