S. EsmaeiliandClaude Opus 5.5
789d224ea0
Restructure the repo into a pnpm + Turborepo monorepo: - apps/web: Nuxt 4 site, now server-rendered and reading all content from the API; pages cached with SWR and purged on content changes - apps/api: NestJS 12 + Prisma 7 + PostgreSQL. Auth with short-lived access tokens and rotating httpOnly refresh cookies, roles (ADMIN, EDITOR), catalog, editable site sections, media upload to S3-compatible storage (converted to WebP), contact messages, audit log - apps/admin: Vue 3 admin panel (Ant Design Vue, Pinia, Tailwind) for products, categories, site sections, messages, media and users - packages/shared: Zod schemas and types shared by API and admin Also: - seed script that loads the original 8 categories / 89 products and section content - Docker images for api (with a one-off migrate service), web, admin, and an nginx gateway for both domains - dev and production compose files, daily database backup service - API e2e tests Removes the committed static out/ build and the old root Dockerfile. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
30 lines
886 B
Vue
30 lines
886 B
Vue
<script setup lang="ts">
|
|
import { useInView } from "motion-v";
|
|
|
|
const props = withDefaults(
|
|
defineProps<{ end: number; suffix?: string; duration?: number }>(),
|
|
{ suffix: "", duration: 1800 },
|
|
);
|
|
|
|
const el = ref<HTMLSpanElement | null>(null);
|
|
const inView = useInView(el, { once: true, margin: "-60px" });
|
|
const val = ref(0);
|
|
let raf = 0;
|
|
|
|
watch(inView, (v) => {
|
|
if (!v) return;
|
|
const t0 = performance.now();
|
|
const tick = (t: number) => {
|
|
const p = Math.min(1, (t - t0) / props.duration);
|
|
val.value = Math.round(props.end * (1 - Math.pow(1 - p, 3)));
|
|
if (p < 1) raf = requestAnimationFrame(tick);
|
|
};
|
|
raf = requestAnimationFrame(tick);
|
|
});
|
|
onBeforeUnmount(() => cancelAnimationFrame(raf));
|
|
</script>
|
|
|
|
<template>
|
|
<span ref="el" class="tabular-nums">{{ val.toLocaleString("fa-IR") }}<span v-if="suffix" class="text-accent">{{ suffix }}</span></span>
|
|
</template>
|