28 lines
778 B
Vue
28 lines
778 B
Vue
<template>
|
|
<div class="flex-1 p-8">
|
|
<div v-if="step === 'email-add'" class="h-full">
|
|
<EmailAdd @update:step="updateStep" />
|
|
</div>
|
|
<div v-else-if="step === 'email-list'" class="h-full">
|
|
<EmailAccountList @update:step="updateStep" />
|
|
</div>
|
|
<div v-else-if="step === 'email-edit'" class="h-full">
|
|
<EmailEdit :account-data="accountData" @update:step="updateStep" />
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup>
|
|
import { ref } from "vue";
|
|
import EmailAdd from "./EmailAdd.vue";
|
|
import EmailAccountList from "./EmailAccountList.vue";
|
|
import EmailEdit from "./EmailEdit.vue";
|
|
|
|
const step = ref("email-list");
|
|
const accountData = ref(null);
|
|
function updateStep(newStep, data) {
|
|
step.value = newStep;
|
|
accountData.value = data;
|
|
}
|
|
</script>
|