lunasqu.ee-nuxt/components/icon-link-list.vue
2022-10-16 14:04:03 +03:00

26 lines
522 B
Vue

<template>
<div class="icon-list">
<h2>{{ title }}</h2>
<ul>
<li v-for="item in list">
<NuxtLink
:to="item.href"
v-bind:target="item.blank ? '_blank' : undefined"
><span :class="item.icon"></span>{{ item.name }}</NuxtLink
>
</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>