[d0xigen] Add author's website, twitter, telegram to the meta

d0rich · Sep 6, 2024 · 8969701 · 8969701
1 parent f3e043a
commit 8969701
Show file tree

Hide file tree

Showing 5 changed files with 47 additions and 2 deletions.
diff --git a/.changeset/eighty-knives-lie.md b/.changeset/eighty-knives-lie.md
@@ -0,0 +1,5 @@
+---
+'d0xigen': patch
+---
+
+Add author's website, twitter, telegram to the meta
diff --git a/apps/d0xigen.d0rich.me/app.config.ts b/apps/d0xigen.d0rich.me/app.config.ts
@@ -4,6 +4,11 @@ export default defineAppConfig({
     description: '🌬📓 Docs to breath life into your project',
     url: 'https://d0xigen.d0rich.me',
     author: 'Nikolay Dorofeev',
+    authorSocial: {
+      telegram: '@d0rich',
+      website: 'https://d0rich.me',
+      twitter: '@d0rich'
+    },
     social: {
       github: 'https://github.com/d0rich/esprit/tree/main/packages/d0xigen'
     },

diff --git a/packages/d0xigen/app.config.ts b/packages/d0xigen/app.config.ts
@@ -6,6 +6,12 @@ interface ThemeConfig {
   description: string
   url: string
   author: string
+  authorSocial?: {
+    telegram?: `@${string}`
+    website?: string
+    twitter?: `@${string}`
+    twitterSite?: `@${string}`
+  }
   social?: {
     github?: string
   }
@@ -40,6 +46,11 @@ export default defineAppConfig({
     description: 'My awesome docs',
     url: 'https://d0rich.me',
     author: 'Nikolai Dorofeev',
+    authorSocial: {
+      telegram: '@d0rich',
+      website: 'https://d0rich.me',
+      twitter: '@d0rich'
+    },
     social: {
       github: undefined
     },

diff --git a/packages/d0xigen/app.vue b/packages/d0xigen/app.vue
@@ -19,6 +19,12 @@ useSeoMeta({
   ogImage: appConfig.d0xigen.url + appConfig.d0xigen.og.image,
   twitterImage: appConfig.d0xigen.url + appConfig.d0xigen.og.image,
   twitterCard: 'summary_large_image',
+  twitterSite: computed(
+    () =>
+      appConfig.d0xigen.authorSocial?.twitterSite ??
+      appConfig.d0xigen.authorSocial?.twitter
+  ),
+  twitterCreator: appConfig.d0xigen.authorSocial?.twitter,
   ogUrl: computed(() => appConfig.d0xigen.url + route.path)
 })
 </script>

diff --git a/packages/d0xigen/components/d/AsyncSafeMeta.vue b/packages/d0xigen/components/d/AsyncSafeMeta.vue
@@ -1,4 +1,5 @@
 <script setup lang="ts">
+const config = useAppConfig()
 defineProps<{
   title?: string
   ogTitle?: string
@@ -17,7 +18,24 @@ defineProps<{
       property="og:title"
       :content="ogTitle || title"
     />
-    <Meta v-if="description" name="description" :content="description" />
-    <Meta v-if="description" property="og:description" :content="description" />
+    <template v-if="description">
+      <Meta v-if="description" name="description" :content="description" />
+      <Meta
+        v-if="description"
+        property="og:description"
+        :content="description"
+      />
+    </template>
+
+    <Link
+      v-if="config.d0xigen.authorSocial?.website"
+      rel="author"
+      :href="config.d0xigen.authorSocial?.website"
+    />
+    <Meta
+      v-if="config.d0xigen.authorSocial?.telegram"
+      property="tg:channel"
+      :content="config.d0xigen.authorSocial?.telegram"
+    />
   </Head>
 </template>