Hey there, currently working on a Vue component where I am iterating through a list of countries. Here's how it looks:
<div v-for="i in countries" :key="i.id">
{{i.name}}
<span class="flag-icon-gr"></span>
I want to dynamically change the flag icon at the end based on the country label I receive from the loop. For instance, I would like the flag-icon-fr for France. Is there a specific way to achieve this?
P.S.: I'm using Nuxt, but I believe the process would be similar for a regular Vue.js component.