updated filter presets handling

src/components/VueShuffleNavbar.vue

@@ -48,7 +48,7 @@
                         <multiselect
                                 :id="index"
                                 :ref="index"
-                                :value="filterBy[index]"
+                                :value="selectedFilters[index]"
                                 :options="getOptions(item.options)"
                                 :multiple="true"
                                 :hideSelected="true"
@@ -86,7 +86,6 @@
     ],
     data () {
       return {
-        filterBy: [],
         filtered: [],
         checked: (this.filterMode === Shuffle.FilterMode.ALL),
         searchBy: null,
@@ -104,29 +103,43 @@
         selectedFilters: {}
       }
     },
-    created () {},
     mounted () {
-      const qs = window.location.hash.split('?')[1]
-      this.queryStrings = this.parseQueryString(qs)
-      console.log('queryStrings', this.queryStrings)
-
-      setTimeout(() => {
+      this.checkUrlQueryParams()
+    },
+    methods: {
+      /**
+       * Check if url query params set & update filter selection
+       */
+      checkUrlQueryParams () {
+        if (window.location.hash.length && window.location.hash.indexOf('?') !== -1) {
+          const qs = window.location.hash.split('?')[1]
+          this.queryStrings = this.parseQueryString(qs)
+          setTimeout(() => {
+            this.updateFilters()
+          }, 1500)
+        }
+      },
+      /**
+       * Set filter presets & change filter selection
+       */
+      updateFilters () {
         const refs = this.$refs
         for (const prop in refs) {
-          this.setSelectedFilters(prop, refs[prop][0], this.queryStrings[prop])
+          this.setFilterPresets(prop, refs[prop][0], this.queryStrings[prop])
         }
-        console.log('selectedFilters', this.selectedFilters)
-      }, 500)
-    },
-    computed: {},
-    methods: {
+        for (const key in this.selectedFilters) {
+          if (this.selectedFilters.hasOwnProperty(key)) {
+            this.filterChange(this.selectedFilters[key], key)
+          }
+        }
+      },
       /**
-       * Set selected filters from url query
+       * Set filter presets
        * @param {String} key
        * @param {String} ref
        * @param {String} qs
        */
-      setSelectedFilters (key, ref, qs) {
+      setFilterPresets (key, ref, qs) {
         let filters = []
         for (const prop in qs) {
           if (qs.hasOwnProperty(prop)) {
@@ -137,8 +150,7 @@
             filters.push(found)
           }
         }
-        console.log('filters', filters)
-        this.selectedFilters[key] = filters
+        this.$set(this.selectedFilters, key, filters)
       },
       /**
        * Parse query string and return as array
@@ -177,7 +189,7 @@
         return result
       },
       /**
-       * Get filter options
+       * Get available filter options
        * @param options
        */
       getOptions (options) {
@@ -193,10 +205,7 @@
        * @param id
        */
       filterChange (value, id) {
-        // this.filtered[id] = value.map(a => a.label)
         this.filtered[id] = value
-        console.log('filtered', this.filtered)
-        console.log('$refs', this.$refs)
         this.$emit('filterChange', this.filtered)
       },
       /**