<template>
    <NuxtLayout name="auth" :aside="asides[step]" :steps="4">
        <AuthPhone v-if="step == 0" />
        <AuthCode v-else-if="step == 1" />
        <AuthPassword v-else-if="step == 2" />
        <AuthInformation v-else-if="step == 3" />
    </NuxtLayout>
</template>

<script setup>
const route = useRoute()
const { step = 0 } = route.query
const asides = reactive(['EnterPhoneNumber', 'EnterOTPCode', 'ChoosePassword', 'CompleteInformation'])
</script>

<style lang="scss" scoped>

</style>