use key prop instead of dataset to identify active tab

src/components/interactions/interactions.js

@@ -13,8 +13,8 @@ const Interactions = {
     }
   },
   methods: {
-    onModeSwitch (dataset) {
+    onModeSwitch (key) {
-      this.filterMode = tabModeDict[dataset.filter]
+      this.filterMode = tabModeDict[key]
     }
   },
   components: {

src/components/interactions/interactions.vue

@@ -10,18 +10,15 @@
       :on-switch="onModeSwitch"
     >
       <span
-        data-tab-dummy
+        key="mentions"
-        data-filter="mentions"
         :label="$t('nav.mentions')"
       />
       <span
-        data-tab-dummy
+        key="likes+repeats"
-        data-filter="likes+repeats"
         :label="$t('interactions.favs_repeats')"
       />
       <span
-        data-tab-dummy
+        key="follows"
-        data-filter="follows"
         :label="$t('interactions.follows')"
       />
     </tab-switcher>

src/components/search/search.js

@@ -75,8 +75,8 @@ const Search = {
       const length = this[tabName].length
       return length === 0 ? '' : ` (${length})`
     },
-    onResultTabSwitch (dataset) {
+    onResultTabSwitch (key) {
-      this.currenResultTab = dataset.filter
+      this.currenResultTab = key
     },
     getActiveTab () {
       if (this.visibleStatuses.length > 0) {

src/components/search/search.vue

@@ -34,18 +34,15 @@
           :custom-active="currenResultTab"
         >
           <span
-            data-tab-dummy
+            key="statuses"
-            data-filter="statuses"
             :label="$t('user_card.statuses') + resultCount('visibleStatuses')"
           />
           <span
-            data-tab-dummy
+            key="people"
-            data-filter="people"
             :label="$t('search.people') + resultCount('users')"
           />
           <span
-            data-tab-dummy
+            key="hashtags"
-            data-filter="hashtags"
             :label="$t('search.hashtags') + resultCount('hashtags')"
           />
         </tab-switcher>

src/components/tab_switcher/tab_switcher.js

@@ -20,7 +20,7 @@ export default Vue.component('tab-switcher', {
     activateTab (index, dataset) {
       return () => {
         if (typeof this.onSwitch === 'function') {
-          this.onSwitch.call(null, this.$slots.default[index].elm.dataset)
+          this.onSwitch.call(null, this.$slots.default[index].key)
         }
         this.active = index
       }