[Bug?]: Incorrect classname active on the root page (active/inactive)

[seahindeniz]

Duplicates

• I have searched the existing issues

Latest version

• I have tested the latest version

Current behavior 😯

Home page's anchor component <A> class doesn't toggle inactive/active, but other pages does this.

Expected behavior 🤔

When switching to another route, inactive/active class must be toggled for home page

Steps to reproduce 🕹

Steps:

1. Use the hackernews template/example
2. pnpm dev and open in browser
3. Switch between pages from the navigate bar

Video:

6d083a71-9dba-4e66-8bad-f71a31d2df6d.mp4

Context 🔦

This will affect the class name based styling

Your environment 🌎

npx -y envinfo --system --binaries --managers

  System:
    OS: Windows 11 10.0.22000
    CPU: (8) x64 Intel(R) Core(TM) i7-7700HQ CPU @ 2.80GHz
    Memory: 7.52 GB / 23.89 GB
  Binaries:
    Node: 20.12.2 - C:\Program Files\nodejs\node.EXE
    npm: 10.5.0 - C:\Program Files\nodejs\npm.CMD
    pnpm: 9.0.6 - ~\AppData\Local\pnpm\pnpm.EXE
  Managers:
    Cargo: 1.63.0 - ~\.cargo\bin\cargo.EXE
    pip3: 20.2.3 - C:\Python39\Scripts\pip3.EXE

[ryansolid]

Yeah it is because it isn't set to exact match thanks for pointing it out.