Play audio

src/scripts/components/Translation.vue

@@ -1,7 +1,10 @@
 <script>
 
+import VueSound from './VueSound.vue';
+
 export default {
   props: ['data', 'type'],
+  components: { VueSound, },
   computed: {
     termsDataDict: function() {
       let data = this.data.terms;
@@ -75,7 +78,9 @@ export default {
         
         <span class="mx-1 text-sm font-bold" 
               v-bind:class="{ 'text-green-800': i == 0, 'text-blue-800': i == 1, 'text-red-800': i == 3 }" 
-              v-for="(p,i) in t[0].pronunciations" :key="i">[{{ p.ipa }}]<i class="fa ml-1 fa-play-circle"></i></span>  
+              v-for="(p,i) in t[0].pronunciations" :key="i">[{{ p.ipa }}] 
+              <vue-sound :src="p.filename"></vue-sound>
+              </span>  
     </span>
         <div class="px-10">
         <span v-for="(tt, n) in t" :key="n" class="text-sm text-gray-500  dark:text-gray-400">