ledger gemory draft

src/sidebar/Sidebar.vue

@@ -1,18 +1,16 @@
 <script setup lang="ts">
-import { useAuthStore } from '@/auth';
 import { Dropdown } from '@/components';
 import { RouterLink } from 'vue-router';
 
 const links = [
+    { name: "Ledger", path: "/legers" },
     { name: "Market", path: "/market" },
     { name: "Reprocess", path: "/reprocess" },
     { name: "Tools", path: "/tools" }
 ];
 
-const authStore = useAuthStore();
 
 const logout = async () => {
-    await authStore.logout();
 }
 </script>
 
@@ -22,7 +20,7 @@ const logout = async () => {
             <div class="mb-2 border-b-2 border-emerald-500">
                 <Dropdown class="mb-2 user-dropdown">
                     <template #button>
-                        <span>{{ authStore.username }}</span>
+                        <span>NAME</span>
                     </template>
                     <ul>
                         <li>
@@ -48,13 +46,17 @@ const logout = async () => {
     </aside>
 </template>
 
-<style scoped lang="postcss">
+<style scoped>
+@reference "tailwindcss";
+
 .sidebar-button {
-    @apply flex items-center rounded-md hover:bg-slate-800 cursor-pointer;
+  @apply flex items-center rounded-md hover:bg-slate-800 cursor-pointer;
 }
+
 .router-link-active {
     @apply bg-emerald-500 hover:bg-emerald-700;
 }
+
 .user-dropdown {
     @apply w-full;
     :deep(>div) {