doc(sidebar navigation): fix active navigation item

resolves vuetifyjs#19244
resolves vuetifyjs#20151

packages/docs/src/components/app/list/List.vue

@@ -57,6 +57,8 @@
 </template>
 
 <script setup lang="ts">
+  import { useRoute } from 'vue-router'
+
   // Types
   import type { RouteLocationRaw, RouteRecordRaw } from 'vue-router'
   import type { Prop } from 'vue'
@@ -80,6 +82,8 @@
     onClick?: () => void
   }
 
+  const { path: currentRoutePath } = useRoute()
+
   function generateApiItems (locale: string) {
     return (generatedRoutes as RouteRecordRaw[])
       .filter(route => route.path.includes(`${locale}/api/`))
@@ -117,6 +121,7 @@
         emphasized: route?.meta?.emphasized ?? false,
         to,
         disabled: !route,
+        active: currentRoutePath === route?.path,
       }
     } else if (item.divider) {
       return {