[Vuejs]-Unknown custom element: <x-flex> – did you register the component correctly? For recursive components, make sure to provide the "name" option

Since you’re using lots of <v-flex> elements in your code, my guess is you just made a typo and accidentally created a <x-flex> element. Just fix the typo (change all the x-flex to v-flex in your code) and it will work