Keep selected converter when going through results

The converter stays selected when going back and forth through a result set. Starting a new search resets it.
spq · Nov 12, 2024 · f1f992a · f1f992a
1 parent 13aa80c
commit f1f992a
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 5 deletions.
diff --git a/web/src/components/Results.vue b/web/src/components/Results.vue
@@ -212,7 +212,11 @@
             v-slot="{ navigate }"
             :to="{
               name: 'stream',
-              query: { q: $route.query.q, p: $route.query.p },
+              query: {
+                q: $route.query.q,
+                p: $route.query.p,
+                converter: $route.query.converter,
+              },
               params: { streamId: stream.Stream.ID.toString() },
             }"
             custom

diff --git a/web/src/components/Stream.vue b/web/src/components/Stream.vue
@@ -8,7 +8,11 @@
             icon
             :to="{
               name: 'search',
-              query: { q: $route.query.q, p: $route.query.p },
+              query: {
+                q: $route.query.q,
+                p: $route.query.p,
+                converter: $route.query.converter,
+              },
             }"
             v-on="on"
           >
@@ -179,7 +183,11 @@
                     ? null
                     : {
                         name: 'stream',
-                        query: { q: $route.query.q, p: $route.query.p },
+                        query: {
+                          q: $route.query.q,
+                          p: $route.query.p,
+                          converter: $route.query.converter,
+                        },
                         params: { streamId: prevStreamId },
                       }
                 "
@@ -202,7 +210,11 @@
                     ? null
                     : {
                         name: 'stream',
-                        query: { q: $route.query.q, p: $route.query.p },
+                        query: {
+                          q: $route.query.q,
+                          p: $route.query.p,
+                          converter: $route.query.converter,
+                        },
                         params: { streamId: nextStreamId },
                       }
                 "
@@ -479,7 +491,11 @@ onMounted(() => {
     e.preventDefault();
     void router.push({
       name: "stream",
-      query: { q: route.query.q, p: route.query.p },
+      query: {
+        q: route.query.q,
+        p: route.query.p,
+        converter: route.query.converter,
+      },
       params: { streamId: streamId.toString() },
     });
   };