✨ (new version) reload new…

src/components/SWNewVersion.vue

@@ -0,0 +1,47 @@
+<template>
+  <div class="sw-new-version" v-if="newVersion">
+    <button @click="reload">
+      <img src="@/assets/reload.svg" alt="reload" />
+    </button>
+  </div>
+</template>
+
+<script lang="ts">
+import { defineComponent, ref, onMounted } from '@vue/composition-api'
+import { serviceWorkerVersionListener } from 'sw-new-version'
+
+export default defineComponent({
+  name: 'SWNewVersion',
+  setup() {
+    const newVersion = ref(serviceWorkerVersionListener.getNewVersion)
+
+    onMounted(() => {
+      serviceWorkerVersionListener.listenToNewVersion(
+        (version) => (newVersion.value = version)
+      )
+    })
+
+    return {
+      reload: () => location.reload(true)
+    }
+  }
+})
+</script>
+
+<style lang="scss" scoped>
+$size: 25px;
+
+.sw-new-version {
+  position: absolute;
+  top: 1rem;
+  right: 1rem;
+
+  button {
+    padding: 0.5rem;
+    img {
+      width: $size;
+      height: $size;
+    }
+  }
+}
+</style>