From b59452316d63b29332ae441c0198336f3475cbc7 Mon Sep 17 00:00:00 2001
From: Lera24 <bedulinavalera21@gmail.com>
Date: Wed, 11 Dec 2024 17:13:43 +0200
Subject: [PATCH] fix: display locale in navigation
 menu[WTEL-5697](https://webitel.atlassian.net/browse/WTEL-5697)

---
 package-lock.json                                  | 12 ++++++------
 package.json                                       |  2 +-
 .../configuration/components/the-configuration.vue | 14 ++++++++------
 3 files changed, 15 insertions(+), 13 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 86b5f683..3ca3b4d4 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -12,7 +12,7 @@
         "@vuelidate/core": "^2.0.3",
         "@vuelidate/validators": "^2.0.4",
         "@vueuse/core": "^11.0.3",
-        "@webitel/ui-sdk": "^24.12.13",
+        "@webitel/ui-sdk": "^24.12.18",
         "axios": "^1.7.7",
         "deep-equal": "^2.2.1",
         "dompurify": "^3.1.2",
@@ -2073,9 +2073,9 @@
       }
     },
     "node_modules/@webitel/ui-sdk": {
-      "version": "24.12.13",
-      "resolved": "https://registry.npmjs.org/@webitel/ui-sdk/-/ui-sdk-24.12.13.tgz",
-      "integrity": "sha512-+sCrne9hD/76WDYGcgxxCXimWejfiGtClhGZy52uGWurDfnZGq6LmiqJrZr1zH6DBeLUAMiivI2lRFcc4Z8K3w==",
+      "version": "24.12.18",
+      "resolved": "https://registry.npmjs.org/@webitel/ui-sdk/-/ui-sdk-24.12.18.tgz",
+      "integrity": "sha512-SzOHvj2VZqxcfbGgRYcHWxvHvHcYptxf0AfQvIWxKQgLjx3F8ac31jcarji+veW6BREwTWeu9M2of7BKxbzMJw==",
       "dependencies": {
         "@floating-ui/vue": "^1.1.5",
         "@morev/vue-transitions": "^3.0.5",
@@ -2105,11 +2105,11 @@
         "vue-multiselect": "^3.1.0",
         "vue-observe-visibility": "^2.0.0-alpha.1",
         "vue-router": "^4.4.5",
-        "webitel-sdk": "^24.8.8",
+        "webitel-sdk": "^24.10.2",
         "xlsx": "^0.18.5"
       },
       "engines": {
-        "node": "v22.11.0",
+        "node": "v22.12.0",
         "npm": "10.9.0"
       },
       "optionalDependencies": {
diff --git a/package.json b/package.json
index 7304d469..f40bf9ba 100644
--- a/package.json
+++ b/package.json
@@ -15,7 +15,7 @@
     "@vuelidate/core": "^2.0.3",
     "@vuelidate/validators": "^2.0.4",
     "@vueuse/core": "^11.0.3",
-    "@webitel/ui-sdk": "^24.12.13",
+    "@webitel/ui-sdk": "^24.12.18",
     "axios": "^1.7.7",
     "deep-equal": "^2.2.1",
     "dompurify": "^3.1.2",
diff --git a/src/modules/configuration/components/the-configuration.vue b/src/modules/configuration/components/the-configuration.vue
index 06902861..9b640ec5 100644
--- a/src/modules/configuration/components/the-configuration.vue
+++ b/src/modules/configuration/components/the-configuration.vue
@@ -1,11 +1,13 @@
 <template>
   <wt-navigation-menu
     :nav="nav"
-    :icons="icons"/>
+    :icons="icons"
+  />
 </template>
 
 <script setup>
 import { useI18n } from 'vue-i18n';
+import { computed, reactive } from 'vue';
 import lookupsIcon from '../../../app/assets/icons/sprite/crm-lookups.svg';
 import CrmSections from '@webitel/ui-sdk/src/enums/WebitelApplications/CrmSections.enum.js';
 
@@ -13,24 +15,24 @@ const { t } = useI18n();
 
 const icons = [lookupsIcon];
 
-const nav = [
+const nav = reactive([
   {
     value: 'lookups',
-    name: t('lookups.lookups'),
+    name: computed(() => t('lookups.lookups')),
     subNav: [
       {
         value: CrmSections.SOURCES,
-        name: t('lookups.sources.sources', 2),
+        name: computed(() => t('lookups.sources.sources', 2)),
         route: 'lookups/sources',
       },
       {
         value: CrmSections.SLAS,
-        name: t('lookups.slas.slas', 2),
+        name: computed(() => t('lookups.slas.slas', 2)),
         route: 'lookups/slas',
       },
     ],
   },
-];
+]);
 </script>
 
 <style lang="scss" scoped>