added transalations for UI texts

frontend/src/components/navigation/AppBottomTabs.vue

@@ -1,11 +1,16 @@
 <script setup lang="ts">
-const tabs = [
-	{ to: { name: 'today' }, label: 'Dnes' },
-	{ to: { name: 'meals' }, label: 'Jedlá' },
-	{ to: { name: 'ingredients' }, label: 'Suroviny' },
-	{ to: { name: 'stats' }, label: 'Stats' },
-	{ to: { name: 'settings' }, label: 'Viac' },
-]
+import { computed } from 'vue'
+import { useI18n } from 'vue-i18n'
+
+const { t } = useI18n()
+
+const tabs = computed(() => [
+	{ to: { name: 'today' }, label: t('nav.today') },
+	{ to: { name: 'meals' }, label: t('nav.meals') },
+	{ to: { name: 'ingredients' }, label: t('nav.ingredients') },
+	{ to: { name: 'stats' }, label: t('nav.stats') },
+	{ to: { name: 'settings' }, label: t('nav.more') },
+])
 </script>
 
 <template>