From cd6463671522e72d53884827f5a7115e04014ff5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E2=98=99=E2=97=A6=20The=20Tablet=20=E2=9D=80=20GamerGirla?=
 =?UTF-8?q?ndCo=20=E2=97=A6=E2=9D=A7?= <i.am.the.tablet@proton.me>
Date: Mon, 25 Sep 2023 19:45:14 -0400
Subject: [PATCH] feat(components): create navbar component

---
 components/layouts/navbar.vue | 28 ++++++++++++++++++++++++++++
 1 file changed, 28 insertions(+)
 create mode 100644 components/layouts/navbar.vue

diff --git a/components/layouts/navbar.vue b/components/layouts/navbar.vue
new file mode 100644
index 0000000..7fac5d1
--- /dev/null
+++ b/components/layouts/navbar.vue
@@ -0,0 +1,28 @@
+<script lang="ts" setup>
+const itemMap = {
+	"bands": "/bands",
+	"authors": "/authors"
+};
+let cur = Object.keys(itemMap).find(a => itemMap[a] === useRoute().name) || "";
+let selected: string[] = [cur]
+const clickFn = (minfo) => {
+	navigateTo(itemMap[ minfo.key ])
+}
+</script>
+
+<template>
+	<a-menu mode="horizontal" class="navibar" :style="{
+		height: '40px',
+		alignSelf: 'center',
+		justifyContent: 'stretch'
+		}" @click="clickFn" :selectedKeys="selected">
+		<a-menu-item key="bands">
+			Bands
+		</a-menu-item>
+	</a-menu>
+</template>
+<style scoped>
+	.navibar {
+		align-self: stretch;
+	}
+</style>
\ No newline at end of file