From 84252b76bb66f9eda0b75975a97812d3c0770f28 Mon Sep 17 00:00:00 2001
From: Liviu Burcusel <x.liviu@gmail.com>
Date: Sun, 18 Jan 2026 13:31:09 +0100
Subject: [PATCH] Highlight current route in left sidebar

---
 app/assets/scss/styles.scss |  7 ++++++-
 package-lock.json           |  4 ++--
 package.json                |  2 +-
 tests/pages/index.test.ts   | 13 ++-----------
 4 files changed, 11 insertions(+), 15 deletions(-)

diff --git a/app/assets/scss/styles.scss b/app/assets/scss/styles.scss
index ba8c14d..b52fd7c 100644
--- a/app/assets/scss/styles.scss
+++ b/app/assets/scss/styles.scss
@@ -1 +1,6 @@
-// Nothing here. For now.
+/*
+* Highlight for active route
+*/
+.active-route {
+  color: var(--primary);
+}
diff --git a/package-lock.json b/package-lock.json
index ca3ce03..6f402d4 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "glowing-fiesta",
-  "version": "0.0.4",
+  "version": "0.0.5",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "glowing-fiesta",
-      "version": "0.0.4",
+      "version": "0.0.5",
       "hasInstallScript": true,
       "dependencies": {
         "@pinia/nuxt": "^0.11.3",
diff --git a/package.json b/package.json
index ee55b8a..02eca3e 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "glowing-fiesta",
-  "version": "0.0.4",
+  "version": "0.0.5",
   "type": "module",
   "private": true,
   "scripts": {
diff --git a/tests/pages/index.test.ts b/tests/pages/index.test.ts
index e57e306..bdcded4 100644
--- a/tests/pages/index.test.ts
+++ b/tests/pages/index.test.ts
@@ -19,20 +19,11 @@ describe("pages/index.vue", () => {
     expect(displayElement.text()).toBe("None");
   });
 
-  it("updates text when Default button is clicked", async () => {
-    // Find button method 1: by text content inside button elements
-    const buttons = wrapper.findAll("button");
-    const defaultBtn = buttons.find((b) => b.text() === "Default");
-
-    expect(defaultBtn?.exists()).toBe(true);
-
-    await defaultBtn?.trigger("click");
-    expect(wrapper.find(".text-lime-500").text()).toBe("default");
-  });
-
   it("updates text when other buttons are clicked", async () => {
     const testCases = [
+      { label: "Default", expected: "default" },
       { label: "Outline", expected: "outline" },
+      { label: "Outlined", expected: "outlined" },
       { label: "Ghost", expected: "ghost" },
       { label: "Link", expected: "link" },
       { label: "Secondary", expected: "secondary" },
-- 
2.49.1