src/boot/i18n.js

@@ -3,7 +3,7 @@ import { createI18n } from 'vue-i18n';
 import messages from 'src/i18n';
 
 const i18n = createI18n({
-    locale: 'en',
+    locale: navigator.language || navigator.userLanguage,
     fallbackLocale: 'en',
     globalInjection: true,
     messages,

src/components/NavBar.vue

@@ -15,8 +15,6 @@ const user = state.getUser();
 const token = session.getToken();
 const appName = 'Lilium';
 
-defineEmits(['onToggleRightDrawer']);
-
 onMounted(() => stateStore.setMounted());
 </script>
 

src/layouts/MainLayout.vue

@@ -10,7 +10,7 @@ const stateStore = useStateStore();
 
 <template>
     <q-layout view="hHh LpR fFf">
-        <Navbar @on-toggle-right-drawer="stateStore.toggleRightDrawer()" />
+        <Navbar />
         <router-view></router-view>
         <q-drawer
             v-model="stateStore.rightDrawer"