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>
14 lines
550 B
TypeScript
14 lines
550 B
TypeScript
export const EASE: [number, number, number, number] = [0.22, 1, 0.36, 1];
|
|
|
|
/** Convert latin digits to Persian digits */
|
|
export const faNum = (v: number | string): string =>
|
|
String(v).replace(/\d/g, (d) => "۰۱۲۳۴۵۶۷۸۹"[Number(d)]!);
|
|
|
|
/** While-in-view fade-up props for motion elements (spread with v-bind) */
|
|
export const fade = (delay = 0, y = 36) => ({
|
|
initial: { opacity: 0, y },
|
|
whileInView: { opacity: 1, y: 0 },
|
|
inViewOptions: { once: true, margin: "-60px" as const },
|
|
transition: { duration: 0.8, delay, ease: EASE },
|
|
});
|