JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/1.0.25/vue.js"></script>
<div id="app">

    <input type="radio" name="rad" v-model="currentLanguage" value="english">English <br>
    <input type="radio" name="rad" v-model="currentLanguage" value="french">French  <br>
  
  <div v-for="word in words | t"> {{ word.value }} </div>
  
  <pre>{{ $data | json }}</pre>
</div>

CSS

pre {
  margin-top: 50px;
}

JavaScript

Vue.filter('t', function(words) {
    return words.filter(function(word) {
    
    	// filter words according to languange
    	return word.lang == this.currentLanguage;
    }.bind(this));
});

var app = new Vue({
  el: '#app',
  data: {
  	currentLanguage: "french",
    words: [
      { lang: "english", value: "Hello" },
      { lang: "french", value: "Bonjour" },
    ]
  },
});