reserve entered paths on navigating back

- retain the list of entered folders on going up the directory tree. 😹

src/components/nav/NavBar.vue

@@ -43,15 +43,15 @@ function useSubRoutes() {
     (newRoute: string) => {
       switch (newRoute) {
         case Routes.folder:
-          console.log(newRoute);
-          subPaths.value = createSubPaths(route.params.path);
+          let oldpath = "";
+          [oldpath, subPaths.value] = createSubPaths(route.params.path, oldpath);
 
           watch(
             () => route.params.path,
             (newPath) => {
               if (newPath == undefined) return;
 
-              subPaths.value = createSubPaths(newPath);
+              [oldpath, subPaths.value] = createSubPaths(newPath, oldpath);
             }
           );
           break;

src/components/nav/Titles/Folder.vue

@@ -2,7 +2,6 @@
   <div id="folder-nav-title">
     <div
       class="folder"
-      
       v-motion
       :initial="{
         opacity: 0,
@@ -19,7 +18,12 @@
       <div class="fname">
         <div class="icon image"></div>
         <div class="paths">
-          <div class="path" v-for="path in subPaths" :key="path.path">
+          <div
+            class="path"
+            v-for="path in subPaths"
+            :key="path.path"
+            :class="{ current: path.active }"
+          >
             <span class="text">{{ path.name }}</span>
           </div>
         </div>
@@ -120,6 +124,10 @@ defineProps<{
             }
           }
         }
+
+        .current > .text {
+          background-color: $accent;
+        }
       }
     }
   }