front/src/components/nav.vue

@@ -6,9 +6,13 @@ import { useRoute } from 'vue-router';
 import { useItem } from '../stores/item';
 import { onMounted, ref } from 'vue';
 import { SERVER_URL } from '../constants';
+import { useTimer } from '../stores/timer';
+import { useTimerHome } from '../stores/timer_home';
 
 const route = useRoute()
 const pageStore = useItem()
+const timer = useTimer()
+const home_timer = useTimerHome()
 
 const items = ref([] as { name: string, slug: string }[])
 
@@ -44,6 +48,12 @@ onMounted(async () => {
             </span>
         </div>
         <div class="nav-content">
+            <span style="opacity: 0.5; margin-right: 1rem">
+                {{ timer.seconds_left }}
+            </span>
+            <span style="opacity: 0.5; margin-right: 1rem">
+                {{ home_timer.seconds_left }}
+            </span>
             <template v-if="['main', 'home_no'].includes(route.name as string)">
                 Нажмите на <span class="nav-icon">
                     <icon_3d />
@@ -60,7 +70,7 @@ onMounted(async () => {
         </div>
         <div class="nav-group">
             <template v-for="item in items">
-                <span class="nav-icon" :class="[{ active: item.slug == pageStore.page.slug}]">
+                <span class="nav-icon" :class="[{ active: item.slug == pageStore.page.slug }]">
                     <RouterLink :to="`/${item.slug}`" :title="item.name">
                         {{ item.name[0].toUpperCase() }}
                     </RouterLink>