PWA

.vuepress/components/KbSWUpdatePopup.vue

@@ -0,0 +1,36 @@
+<template>
+  <SWUpdatePopup>
+    <div
+      v-if="enabled"
+      v-slot="{ enabled, reload, message, buttonText }"
+      class="my-sw-update-popup">
+      {{ message }}<br>
+      <button @click="reload">{{ buttonText }}</button>
+    </div>
+  </SWUpdatePopup>
+</template>
+
+<script>
+import SWUpdatePopup from '@vuepress/plugin-pwa/lib/SWUpdatePopup.vue'
+
+export default {
+  components: { SWUpdatePopup }
+}
+</script>
+
+<style>
+.my-sw-update-popup {
+  text-align: right;
+  position: fixed;
+  bottom: 45vh;
+  right: 45vw;
+  background-color: #fff;
+  font-size: 20px;
+  padding: 10px;
+  border: 5px solid #007af5;
+}
+
+.my-sw-update-popup button {
+  border: 1px solid #fefefe;
+}
+</style>