title: Pluralization in vue i18n
body: <p>Hi i am trying to pluralize based on <a href="https://kazupon.github.io/vue-i18n/guide/pluralization.html" rel="nofollow noreferrer">https://kazupon.github.io/vue-i18n/guide/pluralization.html</a>  </p>
  
  <pre><code>imageCount== 1
            ? $t("message.imageMessage", 1, { imageCount})
            : $t("message.imageMessage", imageCount, {
                imageCount
              })
  
  
  
  imageMessage: '{imageCount} image downloaded | {imageCount} images downloaded'
  </code></pre>
  
  <p>Problem : currently it is displaying bo the messages which should not happen,is there anything wrong in the way which i have implemented?</p>
  
  <p><a href="https://i.stack.imgur.com/6xVnU.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/6xVnU.png" alt="enter image description here"></a></p>
  
  <p>Codesandbox: <a href="https://codesandbox.io/s/lingering-haze-z9jzt?file=/src/components/HelloWorld.vue" rel="nofollow noreferrer">https://codesandbox.io/s/lingering-haze-z9jzt?file=/src/components/HelloWorld.vue</a></p>