I am currently exploring the box icons web component and I am trying to integrate the icons into my link array for each item. However, I am uncertain about the best approach to achieve this.
<div class="container">
<div class="linkbox">
<a :href="link.href" class="link" v-for="link in links" :key="link.href" @click="goTo($event, link.href)">
{{ link.name }}
<box-icon></box-icon>
</a>
</div>
</div>
export default {
data() {
return {
links:[
{ name: 'Twitter', href: 'http://www.twitter.com', icon: 'twitter' },
{ name: 'Github', href: 'http://www.github.com' },
{ name: 'Linkedin', href: 'http://www.linkedin.com' },
{ name: 'Patreon', href: 'http://www.linkedin.com' },
{ name: 'Linkedin', href: 'http://www.linkedin.com' },
]
}
}
}