mirror of
https://github.com/HangarMC/Hangar.git
synced 2025-02-17 15:01:42 +08:00
38 lines
1.1 KiB
Vue
38 lines
1.1 KiB
Vue
<template>
|
|
<div>
|
|
<v-stepper-step :complete="currentStep > thisStep" :step="thisStep">
|
|
<small v-if="optional">{{ $t('project.new.step' + thisStep + '.optional') }}</small>
|
|
{{ $t('project.new.step' + thisStep + '.title') }}
|
|
</v-stepper-step>
|
|
<v-stepper-content :step="thisStep">
|
|
<slot />
|
|
<template v-if="buttons">
|
|
<v-btn color="primary" @click="$emit('continue')"> {{ $t('project.new.step' + thisStep + '.continue') }} </v-btn>
|
|
<v-btn text @click="$emit('back')"> {{ $t('project.new.step' + thisStep + '.back') }} </v-btn>
|
|
</template>
|
|
</v-stepper-content>
|
|
</div>
|
|
</template>
|
|
|
|
<script lang="ts">
|
|
import { Component, Vue } from 'nuxt-property-decorator';
|
|
import { Prop } from 'vue-property-decorator';
|
|
|
|
@Component
|
|
export default class StepperStep extends Vue {
|
|
@Prop({ required: true })
|
|
currentStep!: Number;
|
|
|
|
@Prop({ required: true })
|
|
thisStep!: Number;
|
|
|
|
@Prop({ default: false })
|
|
optional!: Boolean;
|
|
|
|
@Prop({ default: true })
|
|
buttons!: Boolean;
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss" scoped></style>
|