status.vue: Add support for favicons

Put in replacement to the external icon when possible

PleromaBE: pleroma!2261 (merged)

src/components/status/status.vue

@@ -143,6 +143,11 @@
                 >
                   {{ status.user.screen_name }}
                 </router-link>
+                <img
+                  class="status-favicon"
+                  v-if="!!(status.user && status.user.favicon)"
+                  :src="status.user.favicon"
+                >
               </div>
 
               <span class="heading-right">
@@ -426,6 +431,12 @@ $status-margin: 0.75em;
     }
   }
 
+  .status-favicon {
+    height: 18px;
+    width: 18px;
+    margin-right: 0.4em;
+  }
+
   .media-heading {
     padding: 0;
     vertical-align: bottom;