شمارش معکوس

نصب

1. با CLI

   اگر هنوز init نکردید، اول از راهنمای نصب پروژه را آماده کنید. بعد این دستور کامپوننت و وابستگی‌هاش را می‌نویسه.

   $ npx vibefarsi add countdown

2. نصب دستی

   محتوای تب «کد» را در components/ui/countdown.tsx بگذارید.

   $ npm i lucide-react
   کپی کل فایلregistry json

استفاده

1import { Countdown } from "@/components/ui/countdown"23const launch = new Date("2026-10-01T12:00:00+03:30")45<Countdown target={launch} className="max-w-md" />6<Countdown target={launch} units={["hours", "minutes", "seconds"]} variant="inline" size="sm" />

پراپ‌ها

نکته‌های راست‌چین

• تا قبل از mount خانه‌ها «--» هستند تا HTML سرور و کلاینت یکی بماند.
• useCountdown را هم می‌توان جدا برای منطق سفارشی import کرد.
• dir=ltr روی رقم‌هاست تا ترتیب روز←ثانیه درست خوانده شود؛ برچسب‌ها فارسی می‌مانند.