I am using Laravel's vue-starter-kit and inside resources/js/components/ui/ folder there are some different ui components. For example If you need to use Input it's easy, this is how:
import { Input } from '@/components/ui/input';
<Input id="name" v-model="team.name" type="text" placeholder="choose a name..." />
Now I am trying to use Select component and I don't know how! I have an array of objects called groups and I need to use them as options for the select component. (Each Group has a title<string> and an id<number>)
import { Select } from '@/components/ui/select';
<Select v-model="team.group" :options="groups" />
Of course when I try using Select component this way, I get no where! How can I use this select ui component? what do I need to import, how can I pass in my options?