Vue.js pluralize filter

App.vue

<template>
  <div>
    <p>I got {{ amount }} {{ 'cookie' | pluralize(amount) }}</p>
    <button @click="decrement">Decrement</button>
  </div>
</template>

<script>
  export default {
    data: () => ({
      amount: 5
    }),
    
    methods: {
      decrement () {
        this.amount--
      }
    }
  }
</script>

main.js

import Vue from 'vue'

Vue.filter('pluralize', (word, amount) => (amount > 1 || amount === 0) ? `${word}s` : word)

new Vue({render: create => create(App)}).$mount('#app')

And while we're at it...

Vue.filter('pluralize', (amount, singular, plural = `${singular}s`) => amount === 1 ? singular : plural);