diff options
| author |  Corentin Thomasset <corentin.thomasset74@gmail.com>
| 2023-03-01 21:46:23 +0100 |
|---|---|---|
| committer | Corentin Thomasset <corentin.thomasset74@gmail.com>
| 2023-03-01 22:00:29 +0100 |
| commit | 53ce079dff8e91a4c8879dcf18e945b7e842eb47 (patch) | |
| tree | cf4c5723f6f83ed1a6a61fa8444d4dae9491c72f /src/App.vue | |
| parent | a7713462501fe44db45aa2283433d7ce9d2fec72 (diff) | |
| download | it-tools-53ce079dff8e91a4c8879dcf18e945b7e842eb47.tar.gz it-tools-53ce079dff8e91a4c8879dcf18e945b7e842eb47.tar.zst it-tools-53ce079dff8e91a4c8879dcf18e945b7e842eb47.zip | |
refactor(pwa): prompt for pwa update
Diffstat (limited to 'src/App.vue')
| -rw-r--r-- | src/App.vue | 12 |
1 files changed, 8 insertions, 4 deletions
diff --git a/src/App.vue b/src/App.vue index 4c83a13..10a6d0c 100644 --- a/src/App.vue +++ b/src/App.vue @@ -1,10 +1,11 @@ <script setup lang="ts"> import { computed } from 'vue'; import { useRoute, RouterView } from 'vue-router'; -import { darkTheme, NGlobalStyle, NMessageProvider } from 'naive-ui'; +import { darkTheme, NGlobalStyle, NMessageProvider, NNotificationProvider } from 'naive-ui'; import { darkThemeOverrides, lightThemeOverrides } from './themes'; import { layouts } from './layouts'; import { useStyleStore } from './stores/style.store'; +import ReloadPrompt from './components/ReloadPrompt'; const route = useRoute(); const layout = computed(() => route?.meta?.layout ?? layouts.base); @@ -18,9 +19,12 @@ const themeOverrides = computed(() => (styleStore.isDarkTheme ? darkThemeOverrid <n-config-provider :theme="theme" :theme-overrides="themeOverrides"> <n-global-style /> <n-message-provider placement="bottom"> - <component :is="layout"> - <router-view /> - </component> + <n-notification-provider placement="bottom-right"> + <reload-prompt /> + <component :is="layout"> + <router-view /> + </component> + </n-notification-provider> </n-message-provider> </n-config-provider> </template> |