From 7628690b05a644825ee84cc2ea678e206a3d8ff1 Mon Sep 17 00:00:00 2001
From: Kostya <ckutls228@gmail.com>
Date: Sun, 26 Nov 2023 00:18:00 +0300
Subject: [PATCH] added logic for dynamic changed nav color in header component

---
 luckydiamond/src/components/HeaderComponent.vue | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/luckydiamond/src/components/HeaderComponent.vue b/luckydiamond/src/components/HeaderComponent.vue
index 0e2031c..6f0580c 100644
--- a/luckydiamond/src/components/HeaderComponent.vue
+++ b/luckydiamond/src/components/HeaderComponent.vue
@@ -6,8 +6,8 @@
       </div>
       <div class="header__nav">
         <nav>
-          <a href="#" @click="$router.push({ name: 'home' })" class="header__nav--now">Главная</a>
-          <a href="#" @click="$router.push({ name: 'profile' })">Профиль</a>
+          <a href="#" @click="$router.push({ name: 'home' })" :class="{ 'header__nav--now' : route === 'home' }">Главная</a>
+          <a href="#" @click="$router.push({ name: 'profile' })" :class="{ 'header__nav--now' : route === 'profile' }">Профиль</a>
           <a href="#">Помощь</a>
         </nav>
       </div>
@@ -47,8 +47,12 @@ export default {
   data() {
     return {
       balance: 25000,
-      auth: false
+      auth: false,
+      route: ''
     }
+  },
+  mounted() {
+    this.route = this.$route.name
   }
 }
 </script>