58 lines
1.3 KiB
Vue
58 lines
1.3 KiB
Vue
<template>
|
|
<header class="top-0 z-10">
|
|
<nav crate class="flex items-center justify-between py-6">
|
|
<div class="flex" lg="flex-1">
|
|
<NuxtLink to="/" class="home p-1.5 -m-1.5">
|
|
<SvgoLogo :font-controlled="false" class="size-8" />
|
|
</NuxtLink>
|
|
</div>
|
|
<div class="flex" lg="hidden">
|
|
<button type="button" class="inline-flex items-center justify-center rounded-md p-2.5 text-neutral-300 -m-2.5" @click="showSidebar = true">
|
|
<Icon name="heroicons-solid:bars-3" class="size-6" />
|
|
</button>
|
|
</div>
|
|
|
|
<UNavigationMenu :items="items" class="w-full justify-center" />
|
|
|
|
<div class="hidden" lg="flex flex-1 justify-end">
|
|
<p class="text-sm text-white font-semibold leading-6">
|
|
v{{ tauriVersion }}
|
|
</p>
|
|
</div>
|
|
</nav>
|
|
</header>
|
|
</template>
|
|
|
|
<script lang="ts" setup>
|
|
const { showSidebar } = useSidebar();
|
|
const tauriVersion = await useTauriAppGetTauriVersion();
|
|
|
|
const items = ref([
|
|
{
|
|
label: "Commands",
|
|
to: "/commands",
|
|
icon: "lucide:square-terminal"
|
|
},
|
|
{
|
|
label: "Notifications",
|
|
to: "/notifications",
|
|
icon: "lucide:message-square-more"
|
|
},
|
|
{
|
|
label: "OS Informations",
|
|
to: "/os",
|
|
icon: "lucide:info"
|
|
},
|
|
{
|
|
label: "Files",
|
|
to: "/notifications",
|
|
icon: "lucide:file"
|
|
},
|
|
{
|
|
label: "Store",
|
|
to: "/store",
|
|
icon: "lucide:database"
|
|
},
|
|
]);
|
|
</script>
|