✨docs init

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>