opendesk

1<template>
2  <div v-if="step === 'email-add'" class="h-full">
3    <EmailAdd @update:step="updateStep" />
4  </div>
5  <div v-else-if="step === 'email-list'" class="h-full">
6    <EmailAccountList @update:step="updateStep" />
7  </div>
8  <div v-else-if="step === 'email-edit'" class="h-full">
9    <EmailEdit :account-data="accountData" @update:step="updateStep" />
10  </div>
11</template>
12
13<script setup lang="ts">
14import { Ref, ref } from "vue";
15import EmailAdd from "./EmailAdd.vue";
16import EmailAccountList from "./EmailAccountList.vue";
17import EmailEdit from "./EmailEdit.vue";
18import { EmailAccount, EmailStep } from "@/types";
19
20const step: Ref<EmailStep> = ref("email-list");
21const accountData: Ref<EmailAccount> = ref(null);
22function updateStep(newStep: EmailStep, data?: EmailAccount) {
23  step.value = newStep;
24  accountData.value = data;
25}
26</script>
27