4dkankan-components/docs/.vitepress/vitepress/components/navbar/vp-social-link.vue

<script setup lang="ts">
import type { Component } from 'vue'

defineProps<{
    icon: Component
    link: string
    text: string
}>()
</script>

<template>
    <a :href="link" :title="text" target="_blank" rel="noreferrer noopener" class="social-link">
        <ElIcon v-if="icon" :size="24">
            <component :is="icon" />
        </ElIcon>
    </a>
</template>

<style scoped lang="scss">
.social-link {
    color: var(--text-color);
}
</style>