Select field Component In Nuxt | Nuxt 3 Tutorials #32 | Urdu & Hindi

In this video, you will learn how to create a reusable select field component in Nuxt 3. If you want to use the same select field with consistent styling on multiple pages, the best approach is to create a component for the select field. The key difference is in how you pass options to the select field. If you define the options inside the component, the same options will appear on all pages where you use the select field. To allow for different options on different pages, you can use a slot within the select field component and pass the options from the parent component or page.

🧲 Timestamps:
00:00 - Introduction
00:15 - Create select component
00:30 - Using Select component
00:46 - Passing options & slot
01:35 - Reading Select value
01:53 - Conclusion

🧲 Checkout our projects at GitHub:

🧲 VSCode:
● Font: Cascadia Code
● Theme: Obsidian Dark

🧲 Personal Tech Stack:
● Laravel, Livewire
● VueJs, NuxtJS
● MySQL, mongoDB, Pocketbase
● TailwindCSS
● LAMP Stack
● Linux, Virtualization, Proxmox

Please Ignore Negative Comments :)