Adjust SCollapsible, allowing for v-model and @open

1 files changed, 18 insertions, 18 deletions

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;