37 lines
679 B
Vue
37 lines
679 B
Vue
<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>
|