Merge branch '496-service-worker-safari-does-not-support-broadcastchannel-api-2' into 'master'

Resolve "[Service Worker] Safari does not support BroadcastChannel API"

Closes #496

See merge request !1161

aleksis/core/frontend/components/app/App.vue

@@ -56,8 +56,6 @@
       </v-app-bar>
       <v-main>
         <v-container>
-          <broadcast-channel-notification channel-name="cache-or-not" />
-
           <message-box type="warning" v-if="$root.offline">
             {{ $t("network_errors.offline_notification") }}
           </message-box>
@@ -203,7 +201,6 @@
 </template>
 
 <script>
-import BroadcastChannelNotification from "./BroadcastChannelNotification.vue";
 import AccountMenu from "./AccountMenu.vue";
 import NotificationList from "../notifications/NotificationList.vue";
 import CeleryProgressBottom from "../celery_progress/CeleryProgressBottom.vue";
@@ -268,7 +265,6 @@ export default {
   name: "App",
   components: {
     AccountMenu,
-    BroadcastChannelNotification,
     ErrorPage,
     NotificationList,
     CeleryProgressBottom,

aleksis/core/frontend/components/app/BroadcastChannelNotification.vue

-<template>
-  <message-box :value="show" type="warning">
-    {{ $t("alerts.page_cached") }}
-  </message-box>
-</template>
-
-<script>
-export default {
-  name: "BroadcastChannelNotification",
-  props: {
-    channelName: {
-      type: String,
-      required: true,
-    },
-  },
-  data() {
-    return {
-      show: false,
-    };
-  },
-  created() {
-    this.channel = new BroadcastChannel(this.channelName);
-    this.channel.onmessage = (event) => {
-      this.show = event.data === true;
-    };
-  },
-  destroyed() {
-    this.channel.close();
-  },
-};
-</script>