From f58ca6b9cadec7b15ba6a73d0dc6deafb1e51fa0 Mon Sep 17 00:00:00 2001
From: LittleSheep <littlesheep.code@hotmail.com>
Date: Sat, 10 Aug 2024 22:34:29 +0800
Subject: [PATCH] :bento: Add apple touch icon

---
 pages/posts/[id].vue | 22 ++++++++++++----------
 utils/seo.ts         | 20 --------------------
 2 files changed, 12 insertions(+), 30 deletions(-)
 delete mode 100644 utils/seo.ts

diff --git a/pages/posts/[id].vue b/pages/posts/[id].vue
index 2907597..2bb8db2 100644
--- a/pages/posts/[id].vue
+++ b/pages/posts/[id].vue
@@ -45,8 +45,6 @@
 </template>
 
 <script setup lang="ts">
-import { createSEOHead } from "~/utils/seo"
-
 const route = useRoute()
 const config = useRuntimeConfig()
 
@@ -54,15 +52,19 @@ const { data: post } = await useFetch<any>(`${config.public.solarNetworkApi}/cgi
 
 useHead({
   title: post.value.body?.title ?? `Post #${route.params.id}`,
-  meta: [
-    ...createSEOHead(
-      post.value.body?.title ?? `Post #${route.params.id}`,
-      post.value.body?.description ?? post.value.body?.content.substring(0, 160).trim(),
-      route.fullPath,
-    ),
-  ],
   titleTemplate: "%s on Solar Network",
-  link: [{ rel: "icon", type: "image/png", href: "/favicon-solian.png" }],
+  link: [
+    { rel: "icon", type: "image/png", href: "/favicon-solian.png" },
+    { rel: "apple-touch-icon", type: "image/png", href: "/favicon-solian.png" },
+  ],
+})
+
+useSeoMeta({
+  title: post.value.body?.title ?? `Post #${route.params.id}`,
+  description: post.value.body?.description ?? post.value.body?.content.substring(0, 160).trim(),
+  ogTitle: post.value.body?.title ?? `Post #${route.params.id}`,
+  ogDescription: post.value.body?.description ?? post.value.body?.content.substring(0, 160).trim(),
+  ogUrl: `${useRuntimeConfig().public.siteUrl}/${route.fullPath}`,
 })
 
 const externalOpenLink = computed(() => `${config.public.solianUrl}/posts/view/${route.params.id}`)
diff --git a/utils/seo.ts b/utils/seo.ts
deleted file mode 100644
index fefca64..0000000
--- a/utils/seo.ts
+++ /dev/null
@@ -1,20 +0,0 @@
-export function createSEOHead(title: string, description: string, url: string) {
-  return [
-    { key: "og:title", property: "og:title", content: title },
-    {
-      key: "og:description",
-      name: "og:description",
-      content: description,
-    },
-    {
-      key: "description",
-      name: "description",
-      content: description,
-    },
-    {
-      hid: 'og:url',
-      property: 'og:url',
-      content: useRuntimeConfig().public.siteUrl + '/' + url,
-    },
-  ]
-}