lunasqu.ee-nuxt/components/icon-link-list.vue

24 lines
490 B
Vue
Raw Normal View History

2022-10-15 15:20:33 +00:00
<template>
<div class="icon-list">
<h2>{{ title }}</h2>
<ul>
<li v-for="item in list">
<a :href="item.href" v-bind:target="item.blank ? '_blank' : undefined"
><span :class="item.icon"></span>{{ item.name }}</a
>
</li>
</ul>
</div>
</template>
<script setup lang="ts">
interface LinkList {
href: string;
name: string;
icon: string;
blank?: boolean;
}
const props = defineProps<{ list: LinkList[]; title: string }>();
</script>