➕ (retrobus) use retrobus

src/components/SWNewVersion.vue

@@ -10,17 +10,19 @@
 
 <script lang="ts">
 import { defineComponent, ref, onMounted } from '@vue/composition-api'
-import { serviceWorkerVersionListener } from 'sw-new-version'
+import { addEventBusListener } from 'retrobus'
 
 export default defineComponent({
   name: 'SWNewVersion',
   setup() {
-    const newVersion = ref(serviceWorkerVersionListener.getNewVersion)
+    const newVersion = ref(false)
 
     onMounted(() => {
-      serviceWorkerVersionListener.listenToNewVersion(
-        (version) => (newVersion.value = version)
-      )
+      addEventBusListener('new-version', () => (newVersion.value = true)),
+        {
+          retro: true,
+          once: true
+        }
     })
 
     return {

src/registerServiceWorker.ts

@@ -3,7 +3,7 @@
 import { register } from 'register-service-worker'
 import { setNotificationInstance, notify } from './utils/notification'
 import i18n from '@/i18n'
-import { serviceWorkerVersionListener } from 'sw-new-version'
+import { emit } from 'retrobus'
 
 if (process.env.NODE_ENV === 'production') {
   register(`${process.env.BASE_URL}service-worker.js`, {
@@ -34,7 +34,7 @@ if (process.env.NODE_ENV === 'production') {
         body: i18n.t('notification.update.body').toString(),
         tag: 'new-version'
       })
-      serviceWorkerVersionListener.hasNewVersion()
+      emit('new-version')
     },
     offline() {
       console.log(