<script setup>
  const { sites } = defineProps(['sites'])
</script>

<template>
  <NuxtLink :to="site.url" target="_BLANK" class="card" v-for="site in sites" :key="site.slug">
    <img :src="'/img/resources/' + site.slug + '.png'" alt="icon" />
    <div class="details">
      <h4 class="title">{{ site.title }}</h4>
      <p>{{ site.description }}</p>
    </div>
  </NuxtLink>
</template>