feat(sidebar): current page indicator

Author: qwerzl

app/app.vue

@@ -56,7 +56,7 @@ useHead({
 
 /* TODO: Weird that this border-color is ignored by Unocss. Might need to investigate further. */
 * {
-  border-color: hsl(var(--border)) !important;
+  border-color: hsl(var(--border));
 }
 
 @media (prefers-color-scheme: light) {

app/components/custom/breadcrumb.vue

@@ -22,7 +22,6 @@ watch(() => route.path, () => {
       }
     }
   })
-  console.log(breadcrumbs.value)
 }, { immediate: true })
 </script>
 

app/components/custom/sidebar.vue

@@ -194,7 +194,9 @@ const sidebarData = ref({
                     <SidebarMenuSubItem
                       v-for="subItem in item.items"
                       :key="subItem.title"
+                      class="flex items-center"
                     >
+                      <div v-if="$route.path === subItem.url" class="border-text mr-2 h-4 w-1 border-l-2 border-foreground rounded -ml-3" />
                       <SidebarMenuSubButton as-child>
                         <NuxtLink :href="subItem.url">
                           <span>{{ subItem.title }}</span>