diff options
Diffstat (limited to 'src/App.vue')
| -rw-r--r-- | src/App.vue | 15 |
1 files changed, 15 insertions, 0 deletions
diff --git a/src/App.vue b/src/App.vue index f807836..c258b0d 100644 --- a/src/App.vue +++ b/src/App.vue @@ -60,6 +60,9 @@ <help-modal v-if="helpOpen" :vert="vert" @close="helpOpen = false"/> </transition> <transition name="fade"> + <intro-modal v-if="showIntro" :vert="vert" @close="onCloseIntro"/> + </transition> + <transition name="fade"> <loading-modal v-if="loadingMsg != null" :msg="loadingMsg"/> </transition> </div> @@ -74,6 +77,7 @@ import InfoModal from './components/InfoModal.vue'; import SearchModal from './components/SearchModal.vue'; import SettingsModal from './components/SettingsModal.vue'; import HelpModal from './components/HelpModal.vue'; +import IntroModal from './components/IntroModal.vue'; import LoadingModal from './components/LoadingModal.vue'; import IconButton from './components/IconButton.vue'; @@ -421,6 +425,17 @@ function onSettingChg(option: string){ const helpOpen = ref(false); +// ========== For intro modal ========== + +const showIntro = ref(!store.introSkip); +function onCloseIntro(){ + showIntro.value = false; + if (store.introSkip == false){ + store.introSkip = true; + store.save('introSkip'); + } +} + // ========== For loading modal ========== const SERVER_WAIT_MSG = 'Loading data'; |