231 lines
7.2 KiB
Vue
231 lines
7.2 KiB
Vue
<script setup lang="ts">
|
|
import {
|
|
Menubar,
|
|
MenubarCheckboxItem,
|
|
MenubarContent,
|
|
MenubarItem,
|
|
MenubarLabel,
|
|
MenubarMenu,
|
|
MenubarRadioGroup,
|
|
MenubarRadioItem,
|
|
MenubarSeparator,
|
|
MenubarShortcut,
|
|
MenubarSub,
|
|
MenubarSubContent,
|
|
MenubarSubTrigger,
|
|
MenubarTrigger,
|
|
} from '@/lib/registry/new-york/ui/menubar'
|
|
</script>
|
|
|
|
<template>
|
|
<Menubar class="rounded-none border-b border-none px-2 lg:px-4">
|
|
<MenubarMenu>
|
|
<MenubarTrigger class="font-bold">
|
|
Music
|
|
</MenubarTrigger>
|
|
<MenubarContent>
|
|
<MenubarItem>About Music</MenubarItem>
|
|
<MenubarSeparator />
|
|
<MenubarItem>
|
|
Preferences... <MenubarShortcut>⌘,</MenubarShortcut>
|
|
</MenubarItem>
|
|
<MenubarSeparator />
|
|
<MenubarItem>
|
|
Hide Music... <MenubarShortcut>⌘H</MenubarShortcut>
|
|
</MenubarItem>
|
|
<MenubarItem>
|
|
Hide Others... <MenubarShortcut>⇧⌘H</MenubarShortcut>
|
|
</MenubarItem>
|
|
<MenubarShortcut />
|
|
<MenubarItem>
|
|
Quit Music <MenubarShortcut>⌘Q</MenubarShortcut>
|
|
</MenubarItem>
|
|
</MenubarContent>
|
|
</MenubarMenu>
|
|
<MenubarMenu>
|
|
<MenubarTrigger class="relative">
|
|
File
|
|
</MenubarTrigger>
|
|
<MenubarContent>
|
|
<MenubarSub>
|
|
<MenubarSubTrigger>New</MenubarSubTrigger>
|
|
<MenubarSubContent class="w-[230px]">
|
|
<MenubarItem>
|
|
Playlist <MenubarShortcut>⌘N</MenubarShortcut>
|
|
</MenubarItem>
|
|
<MenubarItem disabled>
|
|
Playlist from Selection <MenubarShortcut>⇧⌘N</MenubarShortcut>
|
|
</MenubarItem>
|
|
<MenubarItem>
|
|
Smart Playlist... <MenubarShortcut>⌥⌘N</MenubarShortcut>
|
|
</MenubarItem>
|
|
<MenubarItem>Playlist Folder</MenubarItem>
|
|
<MenubarItem disabled>
|
|
Genius Playlist
|
|
</MenubarItem>
|
|
</MenubarSubContent>
|
|
</MenubarSub>
|
|
<MenubarItem>
|
|
Open Stream URL... <MenubarShortcut>⌘U</MenubarShortcut>
|
|
</MenubarItem>
|
|
<MenubarItem>
|
|
Close Window <MenubarShortcut>⌘W</MenubarShortcut>
|
|
</MenubarItem>
|
|
<MenubarSeparator />
|
|
<MenubarSub>
|
|
<MenubarSubTrigger>Library</MenubarSubTrigger>
|
|
<MenubarSubContent>
|
|
<MenubarItem>Update Cloud Library</MenubarItem>
|
|
<MenubarItem>Update Genius</MenubarItem>
|
|
<MenubarSeparator />
|
|
<MenubarItem>Organize Library...</MenubarItem>
|
|
<MenubarItem>Export Library...</MenubarItem>
|
|
<MenubarSeparator />
|
|
<MenubarItem>Import Playlist...</MenubarItem>
|
|
<MenubarItem disabled>
|
|
Export Playlist...
|
|
</MenubarItem>
|
|
<MenubarItem>Show Duplicate Items</MenubarItem>
|
|
<MenubarSeparator />
|
|
<MenubarItem>Get Album Artwork</MenubarItem>
|
|
<MenubarItem disabled>
|
|
Get Track Names
|
|
</MenubarItem>
|
|
</MenubarSubContent>
|
|
</MenubarSub>
|
|
<MenubarItem>
|
|
Import... <MenubarShortcut>⌘O</MenubarShortcut>
|
|
</MenubarItem>
|
|
<MenubarItem disabled>
|
|
Burn Playlist to Disc...
|
|
</MenubarItem>
|
|
<MenubarSeparator />
|
|
<MenubarItem>
|
|
Show in Finder <MenubarShortcut>⇧⌘R</MenubarShortcut>
|
|
</MenubarItem>
|
|
<MenubarItem>Convert</MenubarItem>
|
|
<MenubarSeparator />
|
|
<MenubarItem>Page Setup...</MenubarItem>
|
|
<MenubarItem disabled>
|
|
Print... <MenubarShortcut>⌘P</MenubarShortcut>
|
|
</MenubarItem>
|
|
</MenubarContent>
|
|
</MenubarMenu>
|
|
<MenubarMenu>
|
|
<MenubarTrigger>Edit</MenubarTrigger>
|
|
<MenubarContent>
|
|
<MenubarItem disabled>
|
|
Undo <MenubarShortcut>⌘Z</MenubarShortcut>
|
|
</MenubarItem>
|
|
<MenubarItem disabled>
|
|
Redo <MenubarShortcut>⇧⌘Z</MenubarShortcut>
|
|
</MenubarItem>
|
|
<MenubarSeparator />
|
|
<MenubarItem disabled>
|
|
Cut <MenubarShortcut>⌘X</MenubarShortcut>
|
|
</MenubarItem>
|
|
<MenubarItem disabled>
|
|
Copy <MenubarShortcut>⌘C</MenubarShortcut>
|
|
</MenubarItem>
|
|
<MenubarItem disabled>
|
|
Paste <MenubarShortcut>⌘V</MenubarShortcut>
|
|
</MenubarItem>
|
|
<MenubarSeparator />
|
|
<MenubarItem>
|
|
Select All <MenubarShortcut>⌘A</MenubarShortcut>
|
|
</MenubarItem>
|
|
<MenubarItem disabled>
|
|
Deselect All <MenubarShortcut>⇧⌘A</MenubarShortcut>
|
|
</MenubarItem>
|
|
<MenubarSeparator />
|
|
<MenubarItem>
|
|
Smart Dictation...
|
|
<MenubarShortcut>
|
|
<svg
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
fill="none"
|
|
stroke="currentColor"
|
|
strokeLinecap="round"
|
|
strokeLinejoin="round"
|
|
strokeWidth="2"
|
|
class="h-4 w-4"
|
|
viewBox="0 0 24 24"
|
|
>
|
|
<path d="m12 8-9.04 9.06a2.82 2.82 0 1 0 3.98 3.98L16 12" />
|
|
<circle cx="17" cy="7" r="5" />
|
|
</svg>
|
|
</MenubarShortcut>
|
|
</MenubarItem>
|
|
<MenubarItem>
|
|
Emoji & Symbols
|
|
<MenubarShortcut>
|
|
<svg
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
fill="none"
|
|
stroke="currentColor"
|
|
strokeLinecap="round"
|
|
strokeLinejoin="round"
|
|
strokeWidth="2"
|
|
class="h-4 w-4"
|
|
viewBox="0 0 24 24"
|
|
>
|
|
<circle cx="12" cy="12" r="10" />
|
|
<path d="M2 12h20M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z" />
|
|
</svg>
|
|
</MenubarShortcut>
|
|
</MenubarItem>
|
|
</MenubarContent>
|
|
</MenubarMenu>
|
|
<MenubarMenu>
|
|
<MenubarTrigger>View</MenubarTrigger>
|
|
<MenubarContent>
|
|
<MenubarCheckboxItem>Show Playing Next</MenubarCheckboxItem>
|
|
<MenubarCheckboxItem checked>
|
|
Show Lyrics
|
|
</MenubarCheckboxItem>
|
|
<MenubarSeparator />
|
|
<MenubarItem inset disabled>
|
|
Show Status Bar
|
|
</MenubarItem>
|
|
<MenubarSeparator />
|
|
<MenubarItem inset>
|
|
Hide Sidebar
|
|
</MenubarItem>
|
|
<MenubarItem disabled inset>
|
|
Enter Full Screen
|
|
</MenubarItem>
|
|
</MenubarContent>
|
|
</MenubarMenu>
|
|
<MenubarMenu>
|
|
<MenubarTrigger class="hidden md:block">
|
|
Account
|
|
</MenubarTrigger>
|
|
<MenubarContent>
|
|
<MenubarLabel inset>
|
|
Switch Account
|
|
</MenubarLabel>
|
|
<MenubarSeparator />
|
|
<MenubarRadioGroup value="benoit">
|
|
<MenubarRadioItem value="andy">
|
|
Andy
|
|
</MenubarRadioItem>
|
|
<MenubarRadioItem value="benoit">
|
|
Benoit
|
|
</MenubarRadioItem>
|
|
<MenubarRadioItem value="Luis">
|
|
Luis
|
|
</MenubarRadioItem>
|
|
</MenubarRadioGroup>
|
|
<MenubarSeparator />
|
|
<MenubarItem inset>
|
|
Manage Famliy...
|
|
</MenubarItem>
|
|
<MenubarSeparator />
|
|
<MenubarItem inset>
|
|
Add Account...
|
|
</MenubarItem>
|
|
</MenubarContent>
|
|
</MenubarMenu>
|
|
</Menubar>
|
|
</template>
|