24 lines
490 B
Vue
24 lines
490 B
Vue
|
<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>
|