WebIndex/components/widget/SocialMediaWidget.vue

<script lang="ts" setup>
defineProps<{
  icon: string[]
  url: string
  title: string
}>()
</script>

<template>
  <div class="flex gap-4 text-xl">
    <a
      :key="url"
      :href="url"
      :title="title"
      class="flex items-center justify-center transition-all hover:scale-125"
    >
      <font-awesome-icon :icon="icon" />
    </a>
  </div>
</template>

<style scoped>

</style>