first commit

2026-05-12 12:41:49 +07:00
commit 604fef891f
8368 changed files with 1285228 additions and 0 deletions
@@ -0,0 +1,53 @@
+<template>
+  <aside class="card p-4">
+    <div class="mb-6">
+      <p class="text-xs font-bold uppercase tracking-wider text-slate-500">Menu User</p>
+      <h2 class="mt-1 text-lg font-extrabold">Dashboard</h2>
+    </div>
+
+    <nav class="grid gap-2">
+      <RouterLink class="side-link" to="/dashboard">
+        <LayoutDashboard size="18" />
+        Barang Saya
+      </RouterLink>
+      <RouterLink class="side-link" to="/jual">
+        <PlusCircle size="18" />
+        Jual Barang
+      </RouterLink>
+      <RouterLink class="side-link" to="/marketplace">
+        <Store size="18" />
+        Marketplace
+      </RouterLink>
+      <RouterLink class="side-link" to="/tersimpan">
+        <Heart size="18" />
+        Barang Tersimpan
+      </RouterLink>
+      <button class="side-link text-left" type="button" @click="logout">
+        <LogOut size="18" />
+        Logout
+      </button>
+    </nav>
+  </aside>
+</template>
+
+<script setup>
+import { useRouter } from "vue-router"
+import { Heart, LayoutDashboard, LogOut, PlusCircle, Store } from "lucide-vue-next"
+import { clearAuth } from "../utils"
+
+const router = useRouter()
+
+function logout() {
+  clearAuth()
+  router.push("/login")
+}
+</script>
+
+<style scoped>
+.side-link {
+  @apply flex w-full items-center gap-3 rounded-xl px-3 py-3 text-sm font-semibold text-slate-700 transition hover:bg-slate-100;
+}
+.router-link-active {
+  @apply bg-brand-50 text-brand-700;
+}
+</style>