Hacktoberfest 2026: die Issues, die Maintainer für den Oktober markiert haben – offen und einsteigerfreundlich. Hacktoberfest-Issues durchsuchen

Component: Plural (CLDR plural rules)

Offen
  • Stimmt etwas nicht?
#34 0 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen

Maintainer antworten meist innerhalb von 1 Tag

Dieses Issue hat noch niemand übernommen.

Bewertung

Schwierigkeit
3/5
Geschätzter Aufwand
1-2 Tage
Anfängerfreundlichkeit
58/100
Issue-Typ
Feature
Klarheit
Klar beschrieben
Aktivitätsstatus
Aktiv
Tech-Stack
react, tailwindcss, typescript
Bereich
frontend, internationalization

Rechercherichtung

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.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Beschreibung

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.

Vorherrschende Sprache
TypeScript
Sterne
39
Forks
16
Ø Merge
2 T. 12 Std.
Gemergte PRs (30 T.)
10

Entwicklungsumgebung

Erste Schritte

  1. Lesen Sie das ganze Issue und danach den Beitragsleitfaden des Projekts.
  2. Schreiben Sie ins Issue, dass Sie es übernehmen — das erspart doppelte Arbeit.
  3. Forken Sie das Repository und arbeiten Sie in einem Branch.
  4. Öffnen Sie einen Pull Request, der die Issue-Nummer nennt.

Mehr aus babelize/babelize-elements

Alle Issues in babelize/babelize-elements

Ähnliche Issues

Weitere Issues zu TypeScript

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.