<template>
  <div>
    <Main v-if="showPage === 'Main'" @changePage="changePage"></Main>
    <Details v-else-if="showPage === 'Details'" @changePage="changePage" :editObj="editObj"></Details>
    <Loginmanege v-else-if="showPage === 'Loginmanege'" @changePage="changePage" :editObj="editObj">
    </Loginmanege>
  </div>
</template>

<script setup>
import Main from "./Main/index.vue";
import Details from "./Details/index.vue";
import Loginmanege from "./Loginmanege/index.vue";
import { ref } from "vue";
let showPage = ref('Main')
let editObj = ref(null)
const changePage = (val, obj) => {
  editObj.value = obj ? obj : null
  showPage.value = val
}
</script>

<style lang="scss" scoped></style>