S. EsmaeiliandClaude Opus 4.6
e31ef5a21f
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>
17 lines
499 B
TypeScript
17 lines
499 B
TypeScript
import { toJsonLd } from "#shared/seo/schema";
|
|
|
|
type Ld = Record<string, unknown>;
|
|
|
|
/** Renders JSON-LD <script> tags at the start of <body> (replaces the React <JsonLd> component). */
|
|
export function useJsonLd(data: Ld | Ld[], id = "site") {
|
|
const items = Array.isArray(data) ? data : [data];
|
|
useHead({
|
|
script: items.map((item, i) => ({
|
|
key: `ld-${id}-${i}`,
|
|
type: "application/ld+json",
|
|
innerHTML: toJsonLd(item),
|
|
tagPosition: "bodyOpen" as const,
|
|
})),
|
|
});
|
|
}
|