Highlight current route in left sidebar

app/assets/scss/styles.scss

@@ -1 +1,6 @@
-// Nothing here. For now.
+/*
+* Highlight for active route
+*/
+.active-route {
+  color: var(--primary);
+}

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",

package.json

@@ -1,6 +1,6 @@
 {
   "name": "glowing-fiesta",
-  "version": "0.0.4",
+  "version": "0.0.5",
   "type": "module",
   "private": true,
   "scripts": {

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" },