Hacktoberfest 2026 : les issues que les mainteneurs ont marquées pour octobre, ouvertes et accessibles aux débutants. Parcourir les issues Hacktoberfest

Component: Plural (CLDR plural rules)

Ouverte
#34 0 commentaires 0 réactions 0 personnes assignées Voir sur GitHub

Les mainteneurs répondent en général sous 1 jour

Personne n'a encore pris cette issue.

Évaluation

Difficulté
3/5
Temps estimé
1-2 jours
Accessibilité débutants
58/100
Type d'issue
Fonctionnalité
Clarté
Clairement spécifiée
Activité
Active
Stack technique
react, tailwindcss, typescript

Piste de recherche

Start with CONTRIBUTING.md, then look at an existing component in src/registry/components/ and how it is exported from index.ts and registered in src/registry/registry.ts. The new Plural component goes in the same folder and needs tests in test/ for en, ar, pl, ru and ordinal en, plus a page in content/docs/components/. Done means the props interface is exported, those locale cases pass, and the docs page renders.

Rédigé par le modèle d'indexation à partir du texte de l'issue.

Description

component good first issue pluralization

Component: Plural (CLDR plural rules)

Build a small component that picks the right plural form for a count based on the locale's CLDR rules.

Requirements
  • TypeScript-first with exported props interface
  • Uses Intl.PluralRules under the hood (cardinal by default, type="ordinal" supported)
  • Supports all CLDR categories: zero, one, two, few, many, other (other required)
  • Exact-match overrides like =0
  • Optional # placeholder replaced with the locale-formatted number (Intl.NumberFormat)
  • Works as a server-safe render (no state needed)
  • Tailwind CSS compatible
Expected API
<Plural
  count={3}
  locale="ar"
  zero="لا ملفات"
  one="ملف واحد"
  two="ملفان"
  few="# ملفات"
  many="# ملفًا"
  other="# ملف"
/>
Deliverables
  • Component source in src/registry/components/
  • Export in src/registry/components/index.ts and entry in src/registry/registry.ts
  • Tests in test/ covering at least en, ar, pl, ru and ordinal en
  • Documentation page in content/docs/components/

See CONTRIBUTING.md.

Langage dominant
TypeScript
Étoiles
39
Forks
16
Merge moyen
2 j 12 h
PR mergées (30 j)
10

Préparer son environnement

Par où commencer

  1. Lisez l'issue en entier, puis le guide de contribution du projet.
  2. Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
  3. Forkez le dépôt et travaillez sur une branche.
  4. Ouvrez une pull request qui référence le numéro de l'issue.

Autres issues de babelize/babelize-elements

Toutes les issues de babelize/babelize-elements

Issues similaires

Plus d'issues TypeScript

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.