favicon matches room logo

src/App.vue

@@ -127,6 +127,16 @@ export default {
       }
       return title;
     },
+
+    favicon() {
+      var favicon = undefined;
+      if (this.$route.meta.includeFavicon) {
+        if (this.$matrix.currentRoom) {
+          favicon = this.$matrix.currentRoom.avatar || 'favicon.ico';
+        }
+      }
+      return favicon;
+    },
   },
   watch: {
     "$i18n.locale": {
@@ -149,6 +159,13 @@ export default {
       },
       immediate: true,
     },
+
+    favicon: {
+      handler(favicon) {
+        document.getElementById("favicon").setAttribute('href', favicon);
+      },
+      immediate: true,
+    },
   },
 };
 </script>

src/router/index.js

@@ -22,7 +22,8 @@ const routes = [
     name: 'Chat',
     component: Chat,
     meta: {
-      includeRoom: true
+      includeRoom: true,
+      includeFavicon: true
     }
   },
   {
@@ -32,7 +33,8 @@ const routes = [
     props: true,
     meta: {
       title: 'Info',
-      includeRoom: true
+      includeRoom: true,
+      includeFavicon: true
     }
   },
   {
@@ -40,7 +42,8 @@ const routes = [
     name: 'Profile',
     component: Profile,
     meta: {
-      title: 'Profile'
+      title: 'Profile',
+      includeFavicon: true
     }
   },
   {