970f9474fb
Improves SEO optimization and mobile app integration by: - Adding ogSiteName meta property for better social sharing - Including apple-touch-icon for iOS device support - Updating documentation for Worker deployment configuration - Clarifying preview mode duration (5 minutes) in documentation
49 lines
904 B
Vue
49 lines
904 B
Vue
<script setup>
|
|
const { title, description, image } = useAppConfig()
|
|
|
|
useSeoMeta({
|
|
title: `${title} - ${description}`,
|
|
description,
|
|
ogType: 'website',
|
|
ogTitle: title,
|
|
ogSiteName: title,
|
|
ogDescription: description,
|
|
ogImage: image,
|
|
twitterTitle: title,
|
|
twitterDescription: description,
|
|
twitterImage: image,
|
|
twitterCard: 'summary_large_image',
|
|
})
|
|
|
|
useHead({
|
|
htmlAttrs: {
|
|
lang: 'en',
|
|
},
|
|
meta: [
|
|
{
|
|
name: 'viewport',
|
|
content: 'width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0',
|
|
tagPosition: 'head',
|
|
},
|
|
],
|
|
link: [
|
|
{
|
|
rel: 'icon',
|
|
type: 'image/png',
|
|
href: '/icon-192.png',
|
|
},
|
|
{
|
|
rel: 'apple-touch-icon',
|
|
href: '/apple-touch-icon.png',
|
|
},
|
|
],
|
|
})
|
|
</script>
|
|
|
|
<template>
|
|
<NuxtLayout>
|
|
<NuxtLoadingIndicator color="#000" />
|
|
<NuxtPage />
|
|
<Toaster />
|
|
</NuxtLayout>
|
|
</template>
|