From 1c9ad03b0b58eaca6fcfdfbad466fcb0d8b86adf Mon Sep 17 00:00:00 2001
From: ManUtopiK <emmanuel.salomon@gmail.com>
Date: Sun, 25 Sep 2022 21:39:51 +0200
Subject: [PATCH] fix: search ressource from query url

---
 content/ui/footer.md |  2 +-
 pages/ressources.vue | 18 ++++++++++++------
 2 files changed, 13 insertions(+), 7 deletions(-)

diff --git a/content/ui/footer.md b/content/ui/footer.md
index fcdcf727..06222a8c 100644
--- a/content/ui/footer.md
+++ b/content/ui/footer.md
@@ -2,6 +2,6 @@
 title: Footer
 ---
 La monnaie libre est portée par un collectif d’êtres humains, elle ne dépend pas d’une organisation "officielle".     
-De nombreux [collectifs](/ressources?filters=asso&filters=group-local) et [autres sites](/ressources?filters=blog) sur la monnaie libre existent pour en parler…     
+De nombreux [collectifs](/ressources?filters=Asso&filters=Groupe%20local) et [autres sites](/ressources?filters=Blog) sur la monnaie libre existent pour en parler…     
 Bien que francophone ce site se veut compréhensible et utile pour le plus grand nombre.     
 Il est possible de rencontrer les contributeurs de ce site lors des [évenements](/#agenda) monnaie libre et discuter avec eux sur les 2 forums historiques afin de [contribuer](/contribuer) vous aussi.
diff --git a/pages/ressources.vue b/pages/ressources.vue
index 94a286aa..77c9fbd2 100644
--- a/pages/ressources.vue
+++ b/pages/ressources.vue
@@ -59,16 +59,22 @@ export default {
     selectedCategories() {
       this.$refs.searchContainer.search(true)
     },
+    '$route.query.filters'() {
+      this.setSelectedCategoriesFromRouteQuery()
+    },
   },
   mounted() {
-    // Get url params
-    const query = this.$route.query
-    if (query.filters)
-      this.selectedCategories = Array.isArray(query.filters)
-        ? query.filters
-        : [query.filters]
+    this.setSelectedCategoriesFromRouteQuery()
   },
   methods: {
+    setSelectedCategoriesFromRouteQuery() {
+      // Get url params
+      const query = this.$route.query
+      if (query.filters)
+        this.selectedCategories = Array.isArray(query.filters)
+          ? query.filters
+          : [query.filters]
+    },
     async searchFunction(query) {
       return await this.$content('ressources')
         .search(query)
-- 
GitLab