Плюрализация в vue и18н

Question

Привет, я пытаюсь использовать множественное число на основе https://kazupon.github.io/vue-i18n/guide/pluralization.html

imageCount== 1
          ? $t("message.imageMessage", 1, { imageCount})
          : $t("message.imageMessage", imageCount, {
              imageCount
            })



imageMessage: '{imageCount} image downloaded | {imageCount} images downloaded'

Проблема: в настоящее время она отображает сообщения, которые не должны происходить, есть ли что-то неправильное в пути который я реализовал?

Codesandbox: https://codesandbox.io/s/lingering-haze-z9jzt?file= / src / components / HelloWorld. vue

Answer 1

Из документации ...

Вашему шаблону нужно будет использовать $tc() вместо $t().

---

Вы также можете несколько улучшить / сократить свой код, используя {n} или {count} в строках перевода ...

en: {
  message: {
    imageMessage: "{n} image downloaded | {n} images downloaded"
  }
}

и в своих шаблонах

$tc("message.imageMessage", imageCount)