From ef4a9b9223d6019f0b782eb2f944f3cfe2b6ed41 Mon Sep 17 00:00:00 2001 From: Terry Truong Date: Fri, 8 Jul 2022 00:24:47 +1000 Subject: Adjust SCollapsible, allowing for v-model and @open --- src/components/TutorialPane.vue | 36 ++++++++++++++++++------------------ 1 file changed, 18 insertions(+), 18 deletions(-) (limited to 'src/components/TutorialPane.vue') diff --git a/src/components/TutorialPane.vue b/src/components/TutorialPane.vue index 9a27dd1..90d0aca 100644 --- a/src/components/TutorialPane.vue +++ b/src/components/TutorialPane.vue @@ -118,6 +118,24 @@ export default defineComponent({ return this.uiOpts.touchDevice; }, }, + methods: { + onStartTutorial(){ + this.stage = 1; + }, + onSkipTutorial(){ + this.$emit('skip'); + this.$emit('close'); + }, + onPrevClick(){ + this.stage = Math.max(1, this.stage - 1); + }, + onNextClick(){ + this.stage = Math.min(this.stage + 1, this.lastStage); + }, + onClose(){ + this.$emit('close'); + }, + }, watch: { stage(newVal, oldVal){ // If starting tutorial, disable 'all' actions @@ -147,24 +165,6 @@ export default defineComponent({ } }, }, - methods: { - onStartTutorial(){ - this.stage = 1; - }, - onSkipTutorial(){ - this.$emit('skip'); - this.$emit('close'); - }, - onPrevClick(){ - this.stage = Math.max(1, this.stage - 1); - }, - onNextClick(){ - this.stage = Math.min(this.stage + 1, this.lastStage); - }, - onClose(){ - this.$emit('close'); - }, - }, created(){ if (this.skipWelcome){ this.stage += 1; -- cgit v1.2.3