Full 1:1 migration preserving all visuals, animations and behavior: - Nuxt 4 + Vue 3 (script setup, TypeScript strict) with SSG output - Tailwind CSS v4 with @tailwindcss/vite - Ant Design Vue 4 (dark theme, RTL, Persian locale) for design system - Pinia for state management (ui + contact stores) - motion-v (framer-motion port) for all animations - lucide-vue-next for icons - SEO improvements: og:image, canonical fix, real 404 page, JSON-LD services - JS bundle reduced from 302KB to 239KB gzip - Docker/nginx deployment preserved (out/ -> nginx) Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
29 lines
836 B
TypeScript
29 lines
836 B
TypeScript
import { absUrl, siteConfig as s } from "#shared/config/site";
|
|
|
|
/** Site-wide <head> defaults shared by the app shell and the error page. */
|
|
export function useSiteSeo() {
|
|
useHead({
|
|
titleTemplate: (title) => (title ? `${title} | ${s.name}` : s.title),
|
|
});
|
|
|
|
useSeoMeta({
|
|
description: s.description,
|
|
themeColor: s.themeColor,
|
|
formatDetection: "telephone=no",
|
|
ogType: "website",
|
|
ogSiteName: s.name,
|
|
ogLocale: s.locale,
|
|
ogTitle: s.title,
|
|
ogDescription: s.description,
|
|
ogImage: absUrl(s.ogImage.src),
|
|
ogImageWidth: s.ogImage.width,
|
|
ogImageHeight: s.ogImage.height,
|
|
ogImageAlt: s.ogImage.alt,
|
|
twitterCard: "summary_large_image",
|
|
twitterTitle: s.title,
|
|
twitterDescription: s.description,
|
|
twitterImage: absUrl(s.ogImage.src),
|
|
twitterImageAlt: s.ogImage.alt,
|
|
});
|
|
}
|