Fix formating, search

src/scripts/App.vue

@@ -122,7 +122,7 @@
       id="mobile-menu-2"
       class="bg-yellow-100 md:text-lg flex flex-col w-full px-4 border-b lg:border-r lg:h-fit lg:w-64"
     >
-      <left-dict :data="trData" @switch-trans="switchTrans"></left-dict>
+      <left-dict :translation="currentTrans" :data="trData" @switch-trans="switchTrans"></left-dict>
     </div>
     <div class="flex flex-col w-full px-4">
       <translation-content

src/scripts/components/LeftDict.vue

@@ -1,6 +1,6 @@
 <script>
 export default {
-  props: ['data'],
+  props: ['data', 'translation'],
 }
 </script>
 
@@ -11,10 +11,12 @@ export default {
       :key="i"
       @click="this.$emit('switch-trans', i)"
     >
-      <a
+      <a 
         href="#"
         class="flex flex-row items-center h-12 transform hover:translate-x-2 transition-transform ease-in duration-200 text-gray-500 hover:text-gray-800"
+        v-bind:class="{ 'translate-x-2 text-black font-bold' : translation == i }"
       >
+        <span v-if="translation == i">>></span>
         <span
           class="inline-flex items-center justify-center h-12 w-12 text-lg text-gray-400"
           ><i class="bx bx-home"></i