diff options
Diffstat (limited to 'docs/components/app/AppSocialIcons.vue')
| -rw-r--r-- | docs/components/app/AppSocialIcons.vue | 58 |
1 files changed, 0 insertions, 58 deletions
diff --git a/docs/components/app/AppSocialIcons.vue b/docs/components/app/AppSocialIcons.vue deleted file mode 100644 index c30f513..0000000 --- a/docs/components/app/AppSocialIcons.vue +++ /dev/null @@ -1,58 +0,0 @@ -<script setup lang="ts"> -const socials = ['twitter', 'facebook', 'instagram', 'youtube', 'github', 'medium'] - -const { config } = useDocus() - -const icons = computed<any>(() => { - return Object.entries(config.value.socials || {}) - .map(([key, value]) => { - if (typeof value === 'object') { - return value - } else if (typeof value === 'string' && value && socials.includes(key)) { - return { - href: `https://${key}.com/${value}`, - icon: `fa-brands:${key}`, - label: value - } - } else { - return null - } - }) - .filter(Boolean) -}) -</script> - -<template> - <NuxtLink - v-for="icon in icons" - :key="icon.label" - rel="noopener noreferrer" - :title="icon.label" - :aria-label="icon.label" - :href="icon.href" - target="_blank" - > - <Icon v-if="icon.icon" :name="icon.icon" /> - </NuxtLink> -</template> - -<style lang="ts" scoped> -css({ - a: { - display: 'flex', - color: '{color.gray.500}', - padding: '{space.4}', - - '@dark': { - color: '{color.gray.400}' - }, - - '&:hover': { - color: '{color.gray.700}', - '@dark': { - color: '{color.gray.200}', - } - }, - } -}) -</style> |
