타입을 활용한 복수형 처리

타입 안전한 복수형 처리

복수 범주

type PluralCategory = "zero" | "one" | "two" | "few" | "many" | "other";

복수 메시지 형태

type PluralMessage = {
  other: string;
} & Partial<Record<Exclude<PluralCategory, "other">, string>>;

const items: PluralMessage = {
  one: "{count} item",
  other: "{count} items",
};

복수 메시지와 일반 메시지 구분

type IsPlural<M> = M extends { other: string } ? true : false;

개수 요구하기

type PluralArgs<M> = IsPlural<M> extends true
  ? { count: number }
  : {};

type A = PluralArgs<typeof items>; // { count: number }

복수형을 위한 타입이 지정된 t

declare const cat: {
  items: { one: string; other: string };
  hello: string;
};

declare function t<K extends keyof typeof cat>(
  key: K,
  args: PluralArgs<(typeof cat)[K]>
): string;

t("items", { count: 3 }); // ok
t("items", {});           // Error: count required
t("hello", {});           // ok

실행 시 형식 선택하기

function plural(msg: { other: string; [k: string]: string }, count: number, locale: string) {
  const cat = new Intl.PluralRules(locale).select(count);
  return (msg[cat] ?? msg.other);
}

보간과 결합하기

type FullArgs<M> = PluralArgs<M> & ExtractVars<M>;
// count plus any {placeholders} in the message

더 다양한 형식을 사용하는 로캘

const ruItems = {
  one: "{count} товар",
  few: "{count} товара",
  many: "{count} товаров",
  other: "{count} товара",
};

other 대체 항목 강제하기

이 내용이 중요한 이유

빠른 점검

복습