opendesk

1<template>
2  <Telephony v-if="step === 'telephony-settings'" @updateStep="updateStep" />
3  <TwilioSettings
4    v-else-if="step === 'twilio-settings'"
5    @updateStep="updateStep"
6  />
7  <ExotelSettings
8    v-else-if="step === 'exotel-settings'"
9    @updateStep="updateStep"
10  />
11</template>
12<script setup>
13import Telephony from "./Telephony.vue";
14import ExotelSettings from "./ExotelSettings.vue";
15import TwilioSettings from "./TwilioSettings.vue";
16import { ref } from "vue";
17
18const step = ref("telephony-settings");
19
20function updateStep(newStep) {
21  step.value = newStep;
22}
23</script>
24