From 44dafd64d118368894d5f68fa5a4fec27fd298e0 Mon Sep 17 00:00:00 2001
From: root <root@git.maharshi.ninja>
Date: Thu, 21 Jul 2022 19:34:32 +0530
Subject: [PATCH] Allow persisting selectedFilter to the URL

---
 src/routes/SearchResults.vue | 15 +++++++--------
 1 file changed, 7 insertions(+), 8 deletions(-)

diff --git a/src/routes/SearchResults.vue b/src/routes/SearchResults.vue
index 892f596..bad47aa 100644
--- a/src/routes/SearchResults.vue
+++ b/src/routes/SearchResults.vue
@@ -6,7 +6,8 @@
 
         <v-select
             label="Filter videos"
-            v-model="selectedFilter"
+            :value="$route.query.filter"
+            @change="$router.push({ query: { ...$route.query, filter: $event }})"
             :items="availableFilters"
         />
         <v-divider class="my-4" />
@@ -53,8 +54,7 @@ export default {
 				'music_videos',
 				'music_albums',
 				'music_playlists'
-			],
-			selectedFilter: 'all'
+			]
 		}
 	},
 	metaInfo () {
@@ -67,13 +67,12 @@ export default {
 		this.updateResults()
 	},
 	watch: {
-		selectedFilter () {
-			this.updateResults()
-		},
-
 		// For history navigation
 		'$route.query.search_query' () {
 			this.updateResults()
+		},
+		'$route.query.filter' () {
+			this.updateResults()
 		}
 	},
 
@@ -106,7 +105,7 @@ export default {
 				path: 'search',
 				params: {
 					q: this.$route.query.search_query,
-					filter: this.selectedFilter
+					filter: this.$route.query.filter ?? 'all'
 				}
 			})
 		},