JSFiddle - React, Tailwind, and code Playground

by escapedcat

HTML

<script src="https://unpkg.com/[email protected]"></script>
<script src="https://unpkg.com/[email protected]"></script>

<div id="app">
  <translate
    :translate-n="1"
    translate-plural="ITEMS"
    >
    ITEM
  </translate>
  <translate
    :translate-n="12"
    translate-plural="ITEMS"
    >
    ITEM
  </translate>
</div>

JavaScript

Vue.use(VueGettext, {translations: {
	"en_US": {
  	"ITEM": "Car",
    "ITEMS": "Cars",
   }
}});

const app = new Vue({

}).$mount('#app');