diff options
| author | Terry Truong <terry06890@gmail.com> | 2022-06-27 04:35:40 +1000 |
|---|---|---|
| committer | Terry Truong <terry06890@gmail.com> | 2022-06-27 04:35:40 +1000 |
| commit | aa1991239a1255855791f4c5aad9ffcb6b21a2d6 (patch) | |
| tree | f3dfacac3dba8f08529595d8b57e2c4521b69183 /src/components/TutorialPane.vue | |
| parent | 25e633fe44d7bd84c566090188ea2c9a82449c69 (diff) | |
Clean up code in *Button and *Icon components
Diffstat (limited to 'src/components/TutorialPane.vue')
| -rw-r--r-- | src/components/TutorialPane.vue | 16 |
1 files changed, 8 insertions, 8 deletions
diff --git a/src/components/TutorialPane.vue b/src/components/TutorialPane.vue index fe877ef..243ee33 100644 --- a/src/components/TutorialPane.vue +++ b/src/components/TutorialPane.vue @@ -1,7 +1,7 @@ <script lang="ts"> import {defineComponent, PropType} from 'vue'; -import RButton from './RButton.vue'; +import SButton from './SButton.vue'; import CloseIcon from './icon/CloseIcon.vue'; import {Action, UiOptions} from '../lib'; @@ -99,7 +99,7 @@ export default defineComponent({ this.stage += 1; } }, - components: {CloseIcon, RButton, }, + components: {CloseIcon, SButton, }, emits: ['close', 'stage-chg', 'skip', ], }); </script> @@ -118,8 +118,8 @@ export default defineComponent({ For more project information, click here. </div> <div class="w-full flex justify-evenly mt-2"> - <r-button :style="buttonStyles" @click="onStartTutorial">Start Tutorial</r-button> - <r-button :style="buttonStyles" @click="onSkipTutorial">Skip</r-button> + <s-button :style="buttonStyles" @click="onStartTutorial">Start Tutorial</s-button> + <s-button :style="buttonStyles" @click="onSkipTutorial">Skip</s-button> </div> </template> <template v-else> @@ -154,12 +154,12 @@ export default defineComponent({ </div> <!-- Buttons --> <div class="w-full flex justify-evenly mt-2"> - <r-button :disabled="stage == 1" :style="buttonStyles" @click="onPrevClick"> + <s-button :disabled="stage == 1" :style="buttonStyles" @click="onPrevClick"> Prev - </r-button> - <r-button :style="buttonStyles" @click="(stage != lastStage) ? onNextClick() : onClose()"> + </s-button> + <s-button :style="buttonStyles" @click="(stage != lastStage) ? onNextClick() : onClose()"> {{stage != lastStage ? 'Next' : 'Finish'}} - </r-button> + </s-button> </div> </template> </div> |