Sink/app.vue
ccbikai 9b6f33de88 feat: add viewport meta and enhance filter styling
Adds viewport meta tag with mobile-specific settings to improve responsive behavior

- Disables user scaling for better mobile experience
- Adjusts filter component padding and text styles
- Removes redundant font-normal class
2025-03-02 18:10:50 +08:00

43 lines
801 B
Vue

<script setup>
const { title, description, image } = useAppConfig()
useSeoMeta({
title: `${title} - ${description}`,
description,
ogType: 'website',
ogTitle: 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',
},
],
})
</script>
<template>
<NuxtLayout>
<NuxtLoadingIndicator color="#000" />
<NuxtPage />
<Toaster />
</NuxtLayout>
</template>