ADD: Install vue-i18n & implement in navbar

This commit is contained in:
Robert Kossessa
2024-01-22 15:22:43 +01:00
parent 6e4dc5e9db
commit 8cb6a8be68
5 changed files with 118 additions and 27 deletions

View File

@@ -60,19 +60,20 @@ const state = reactive({ count: 12 });
<div class="flex">
<Menubar class="w-full rounded-none bg-zinc-950">
<MenubarMenu>
<MenubarTrigger>Device</MenubarTrigger>
<MenubarTrigger v-t="'navbar.device.title'"></MenubarTrigger>
<MenubarContent>
<!-- TODO: Switch keyboard shortcut icons based on platform -->
<MenubarItem>
Disconnect <MenubarShortcut>D</MenubarShortcut>
{{$t('navbar.device.disconnect')}} <MenubarShortcut>D</MenubarShortcut>
</MenubarItem>
<MenubarItem>About Device</MenubarItem>
<MenubarItem>{{ $t('navbar.device.about') }}</MenubarItem>
<MenubarSeparator />
<MenubarItem>Preferences</MenubarItem>
<MenubarItem>{{ $t('navbar.device.preferences') }}</MenubarItem>
<MenubarSeparator />
<MenubarItem>Export JSON<MenubarShortcut>E</MenubarShortcut></MenubarItem>
<MenubarItem>Export JSON<MenubarShortcut>E</MenubarShortcut></MenubarItem>
<MenubarItem>{{ $t('navbar.device.export') }}<MenubarShortcut>E</MenubarShortcut></MenubarItem>
<MenubarItem>{{ $t('navbar.device.import') }}<MenubarShortcut>I</MenubarShortcut></MenubarItem>
<MenubarSeparator />
<MenubarItem>Quit<MenubarShortcut>Q</MenubarShortcut></MenubarItem>
<MenubarItem>{{ $t('navbar.device.quit') }}<MenubarShortcut>Q</MenubarShortcut></MenubarItem>
</MenubarContent>
</MenubarMenu>
</Menubar>