2
0
mirror of https://github.com/HangarMC/Hangar.git synced 2025-02-17 15:01:42 +08:00
Hangar/frontend/components/StepperStep.vue
2021-01-30 22:54:02 -08:00

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>