<template>
  <aside class="left-sidebar hidden w-[287px] lg:block">
    <div class="left-sidebar__block py-3 pl-0 pr-3">
      <p class="left-sidebar__eyebrow text-xs font-semibold uppercase text-muted">
        Categories
      </p>
      <nav class="left-sidebar__nav mt-4 grid gap-2 text-sm">
        <NuxtLink class="left-sidebar__nav-link hover:text-muted" to="/tags/dev">
          DEV
        </NuxtLink>
        <NuxtLink class="left-sidebar__nav-link hover:text-muted" to="/tags/note">
          NOTE
        </NuxtLink>
        <NuxtLink class="left-sidebar__nav-link hover:text-muted" to="/tags/review">
          REVIEW
        </NuxtLink>
        <NuxtLink class="left-sidebar__nav-link hover:text-muted" to="/tags/play">
          PLAY
        </NuxtLink>
      </nav>
    </div>
  </aside>
</template>
