updated selected filters & cleanup

src/components/VueShuffleNavbar.vue

@@ -101,7 +101,7 @@
           {label: 'Rank (DESC)', value: 'rank-desc', icon: 'glyphicon glyphicon-arrow-down', order: 'DESC'} */
         ],
         queryStrings: false,
-        selectedFilters: []
+        selectedFilters: {}
       }
     },
     created () {},
@@ -109,15 +109,14 @@
       const qs = window.location.hash.split('?')[1]
       this.queryStrings = this.parseQueryString(qs)
       console.log('queryStrings', this.queryStrings)
-      console.log('$refs', this.$refs)
 
-      const refs = this.$refs
-      for (const prop in refs) {
-        // console.log(this.queryStrings[prop])
-        // console.log(prop, refs[prop][0].options)
-        this.setSelectedFilters(prop, refs[prop][0], this.queryStrings[prop])
-      }
-      console.log('selectedFilters', this.selectedFilters)
+      setTimeout(() => {
+        const refs = this.$refs
+        for (const prop in refs) {
+          this.setSelectedFilters(prop, refs[prop][0], this.queryStrings[prop])
+        }
+        console.log('selectedFilters', this.selectedFilters)
+      }, 500)
     },
     computed: {},
     methods: {
@@ -128,20 +127,18 @@
        * @param {String} qs
        */
       setSelectedFilters (key, ref, qs) {
-        // console.log('setSelectedFilters', key, ref, qs)
         let filters = []
-        filters[key] = []
         for (const prop in qs) {
-          const id = Number(qs[prop])
-          // console.log(id, ref.options)
-          const found = ref.options.find(function (element) {
-            return element.value === id
-          })
-          // console.log(key)
-          filters[key].push(found)
+          if (qs.hasOwnProperty(prop)) {
+            const id = Number(qs[prop])
+            const found = ref.options.find((element) => {
+              return element.value === id
+            })
+            filters.push(found)
+          }
         }
-        // console.log('filters', filters)
-        this.selectedFilters.push(filters)
+        console.log('filters', filters)
+        this.selectedFilters[key] = filters
       },
       /**
        * Parse query string and return as array
@@ -199,6 +196,7 @@
         // 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)
       },
       /**