unsupported browser alert

src/App.vue

@@ -25,6 +25,7 @@
         type="list-item-avatar-two-line, divider, list-item-three-line, card-heading"
         v-if="showLoadingScreen"
       ></v-skeleton-loader>
+      <unsupported-browser-alert />
     </v-main>
   </v-app>
 </template>
@@ -34,10 +35,14 @@ import stickers from "./plugins/stickers";
 import { registerServiceWorker, notificationCount, windowNotificationPermission } from "./plugins/notificationAndServiceWorker.js"
 import logoMixin from "./components/logoMixin";
 import { mapState } from 'vuex'
+import UnsupportedBrowserAlert from "./components/UnsupportedBrowserAlert.vue";
 
 export default {
   name: "App",
   mixins: [logoMixin],
+  components: {
+    UnsupportedBrowserAlert
+  },
   data() {
     return {
       loading: true,