game

src/scripts/components/LeftDict.vue

@@ -1,6 +1,6 @@
 <script>
 export default {
-  props: ['data']
+  props: ['data'],
 }
 </script>
 

src/scripts/components/Translation.vue

@@ -1,6 +1,18 @@
 <script>
 export default {
-  props: ['data']
+  props: ['data'],
+  computed: {
+    termsDataDict: function() {
+      let data = this.data.terms;
+      let ret = Object({});
+      for(let i = 0; i < data.length; i++) {
+            if (!Array.isArray(ret[data[i].string1])) ret[data[i].string1] = []; 
+            ret[data[i].string1].push(data[i]);         
+      }
+      return ret;
+    }
+  }  
+
 }
 </script>
 
@@ -46,5 +58,17 @@ export default {
     </div>
 </div>		
 </div>
-
+<div class="border-b dark:border-slate-600 shadow-sm overflow-hidden my-8">
+    <div class="text-lg grid place-items-center">
+        Preklad
+    </div>
+</div>
+<div v-for="(t, i) in termsDataDict" :key="i">
+{{ i }}
+    <div class="px-10">
+    <span v-for="(tt, n) in t" :key="n" class="bg-white">
+        {{ tt.string2 }},
+    </span>
+    </div>
+</div> 
 </template>