🍱 Add apple touch icon

This commit is contained in:
LittleSheep 2024-08-10 22:34:29 +08:00
parent ad5aacce9c
commit f58ca6b9ca
2 changed files with 12 additions and 30 deletions

View File

@ -45,8 +45,6 @@
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
import { createSEOHead } from "~/utils/seo"
const route = useRoute() const route = useRoute()
const config = useRuntimeConfig() const config = useRuntimeConfig()
@ -54,15 +52,19 @@ const { data: post } = await useFetch<any>(`${config.public.solarNetworkApi}/cgi
useHead({ useHead({
title: post.value.body?.title ?? `Post #${route.params.id}`, 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", 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}`) const externalOpenLink = computed(() => `${config.public.solianUrl}/posts/view/${route.params.id}`)

View File

@ -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,
},
]
}