I am trying to create a custom select component that can accept options as HTML like this:
<MySelect v-model='value'>
<MyOption value='1'>Option 1</MyOption>
<MyOption value='2'>Option 2</MyOption>
</MySelect>
I have been looking through numerous websites and youtube videos, but have found nothing that achieves this. In all sources they pass options as an array in MySelect props. But I need more customization of options, such as adding an icon or applying styles to text. So, I would appreciate if you could share your ideas of how this can be implemented!
P.S. MySelect component should not contain native select and option tags. The whole purpose of creating a custom select component is for design customization.