added implementation frontend by prompt @ 2026-02-14 05:35:18 #CODEX

frontend/src/components/navigation/AppBottomTabs.vue

@@ -0,0 +1,22 @@
+<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' },
+]
+</script>
+
+<template>
+	<nav class="app-bottom-tabs">
+		<RouterLink
+			v-for="tab in tabs"
+			:key="tab.label"
+			:to="tab.to"
+			class="app-bottom-tabs__link"
+		>
+			{{ tab.label }}
+		</RouterLink>
+	</nav>
+</template>