Please don't switch tabs left and right when searching

src/components/attachment/attachment.vue

@@ -155,6 +155,7 @@
       >
         <StillImage
           class="image"
+          :loading="'lazy'"
           :referrerpolicy="referrerpolicy"
           :mimetype="attachment.mimetype"
           :src="attachment.large_thumb_url || attachment.url"

src/components/search/search.js

@@ -36,6 +36,7 @@ const Search = {
       media: [],
       hashtags: [],
       currenResultTab: 'statuses',
+      preferredTab : 'statuses',
 
       statusesOffset: 0,
       lastStatusFetchCount: 0,
@@ -162,17 +163,26 @@ const Search = {
     },
     onResultTabSwitch (key) {
       this.currenResultTab = key
+      this.preferredTab = key
       this.loading = false
     },
     getActiveTab () {
-      if (this.visibleStatuses.length > 0) {
+      const available = {
-        return 'statuses'
+        statuses: this.visibleStatuses.length > 0,
-      } else if (this.visibleMedia.length > 0) {
+        media: this.visibleMedia.length > 0,
-        return 'media'
+        people: this.users.length > 0,
-      } else if (this.users.length > 0) {
+        hashtags: this.hashtags.length > 0,
-        return 'people'
+      }
-      } else if (this.hashtags.length > 0) {
+
-        return 'hashtags'
+      if (available[this.preferredTab]) {
+        return this.preferredTab
+      }
+
+      const tabOrder = ['statuses', 'media', 'people', 'hashtags']
+      for (const tab of tabOrder) {
+        if (available[tab]) {
+          return tab
+        }
       }
 
       return 'statuses'

src/components/still-image/still-image.js

@@ -1,5 +1,6 @@
 const StillImage = {
   props: [
+    'loading',
     'src',
     'referrerpolicy',
     'mimetype',

src/components/still-image/still-image.vue

@@ -12,6 +12,7 @@
     <img
       ref="src"
       :key="src"
+      :loading="loading"
       :alt="alt"
       :title="alt"
       :src="src"