UPD: Refactoring

2024-01-24 01:12:43 +01:00
parent 077e3f48b8
commit 5720effb78
15 changed files with 100 additions and 83 deletions
--- a/src/components/Navbar.vue
+++ b/src/components/Navbar.vue
@@ -0,0 +1,41 @@
+<template>
+  <div class="flex">
+    <Menubar class="w-full rounded-none bg-zinc-950">
+      <MenubarMenu>
+        <MenubarTrigger v-t="'navbar.device.title'" />
+        <MenubarContent>
+          <!-- TODO: Switch keyboard shortcut icons based on platform -->
+          <MenubarItem>
+            {{ $t('navbar.device.disconnect') }}
+            <MenubarShortcut>⌘D</MenubarShortcut>
+          </MenubarItem>
+          <MenubarItem>{{ $t('navbar.device.about') }}</MenubarItem>
+          <MenubarSeparator />
+          <MenubarItem>{{ $t('navbar.device.preferences') }}</MenubarItem>
+          <MenubarSeparator />
+          <MenubarItem>{{ $t('navbar.device.export') }}
+            <MenubarShortcut>⌘E</MenubarShortcut>
+          </MenubarItem>
+          <MenubarItem>{{ $t('navbar.device.import') }}
+            <MenubarShortcut>⌘I</MenubarShortcut>
+          </MenubarItem>
+          <MenubarSeparator />
+          <MenubarItem>{{ $t('navbar.device.quit') }}
+            <MenubarShortcut>⌘Q</MenubarShortcut>
+          </MenubarItem>
+        </MenubarContent>
+      </MenubarMenu>
+    </Menubar>
+  </div>
+</template>
+<script setup>
+import {
+  Menubar,
+  MenubarMenu,
+  MenubarShortcut,
+  MenubarSeparator,
+  MenubarItem,
+  MenubarTrigger,
+  MenubarContent,
+} from '@/components/ui/menubar/index.js'
+</script>