Add:Language code setting and translations #448

components/tables/TracksTable.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="w-full my-4">
     <div class="w-full bg-primary px-4 py-2 flex items-center" :class="showTracks ? 'rounded-t-md' : 'rounded-md'" @click.stop="clickBar">
-      <p class="pr-2">{{ title }}</p>
+      <p class="pr-2">{{ $strings.HeaderAudioTracks }}</p>
       <div class="h-6 w-6 rounded-full bg-white bg-opacity-10 flex items-center justify-center">
         <span class="text-xs font-mono">{{ tracks.length }}</span>
       </div>
@@ -14,8 +14,8 @@
       <div class="w-full" v-show="showTracks">
         <table class="text-xs tracksTable">
           <tr>
-            <th class="text-left">Filename</th>
-            <th class="text-center w-16">Duration</th>
+            <th class="text-left">{{ $strings.LabelFilename }}</th>
+            <th class="text-center w-16">{{ $strings.LabelDuration }}</th>
           </tr>
           <template v-for="track in tracks">
             <tr :key="track.index">
@@ -34,10 +34,6 @@
 <script>
 export default {
   props: {
-    title: {
-      type: String,
-      default: 'Audio Tracks'
-    },
     tracks: {
       type: Array,
       default: () => []