Work on login

vue/components/Sidebar.vue

@@ -23,6 +23,7 @@
         </RouterLink>
       </li>
     </ul>
+    <p class="menu-label" v-if="!collapsed">{{ displayName }}</p>
   </aside>
 </template>
 
@@ -30,6 +31,7 @@
 import { ref } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { RouterLink } from 'vue-router';
+import { displayName } from '@/global.js';
 
 const { t } = useI18n()
 

vue/components/ThemeSwitcher.vue

@@ -2,16 +2,16 @@
   <div class="dropdown is-hoverable">
     <div class="dropdown-trigger">
       <button class="button">
-        <span>Barvna tema</span>
+        <span>{{ t('userSettings.themeSelect') }}</span>
       </button>
     </div>
     <div class="dropdown-menu">
       <div class="dropdown-content">
         <button class="dropdown-item" @click.prevent="setTheme('light')">
-          Svetlo
+          {{ t('userSettings.light') }}
         </button>
         <button class="dropdown-item" @click.prevent="setTheme('dark')">
-          Temno
+          {{ t('userSettings.dark') }}
         </button>
       </div>
     </div>
@@ -19,5 +19,7 @@
 </template>
 
 <script setup>
+import { useI18n } from 'vue-i18n';
 import { setTheme } from './theme';
+const {t} = useI18n();
 </script>