highlight drawer item based on route

Author: danielkellyio

src/components/TheDrawer.vue

@@ -7,7 +7,6 @@ import { computed, ref } from "vue";
 
 const router = useRouter();
 const route = useRoute();
-const selectedId = ref(0);
 
 const expanded = useLocalStorage("vue-forge-drawer-expanded", true);
 const expandedIcon = computed(() =>
@@ -43,7 +42,7 @@ const items = computed(() =>
         action: () => (expanded.value = !expanded.value),
       },
     },
-  ].map((item, index) => ({
+  ].map((item) => ({
     ...item,
     selected: route.path === item.data.path,
   }))
@@ -52,7 +51,6 @@ const items = computed(() =>
 function onSelect({ itemIndex }: { itemIndex: number }) {
   const item = items.value[itemIndex];
   if (!item) return;
-  selectedId.value = itemIndex;
   if (item.data.path) router.push(item.data.path);
   if (typeof item.data.action === "function") item.data.action();
 }