Terms js

src/scripts/App.vue

@@ -38,7 +38,8 @@
   </div>
   </div>
 </nav>
-  <left-dict :data="trData"></left-dict>  
+  <left-dict :data="trData"></left-dict> 
+  <translation-content></translation-content>
 </template>
 
 <script setup>
@@ -47,6 +48,8 @@ import logoUrl from './assets/logo.png'
 import trData from './components/Translations'
 import LeftDict from './components/LeftDict.vue'
 import SearchForm from './components/SearchForm.vue'
+import TranslationContent from './components/Translation.vue'
+import Translation from './components/Translation.vue'
 
 console.log(trData);
 console.log(logoUrl);
@@ -54,7 +57,7 @@ console.log(logoUrl);
 
 <script>
 export default {
-  components: { LeftDict, SearchForm },
+  components: { LeftDict, SearchForm, Translation },
   name: 'vue-tabz',
   data() {
     return {