<!-- src/App.vue -->
<template>
  <div class="app-container">
    <headerTop :homeData="homeView" />
    <LeftSidebar :homeData="homeView" />
    <RightSidebar :homeData="homeView" />
    <!-- <Footer /> -->
  </div>
</template>

<script>
import headerTop from "./headerTop/index.vue";
import LeftSidebar from "./LeftSidebar/index.vue";
import RightSidebar from "./RightSidebar/index.vue";
// import Footer from "./Footer/index.vue";

export default {
  name: "App",
  components: {
    headerTop,
    LeftSidebar,
    RightSidebar
    // Footer
  },
  props: {
    homeData: {
      type: Object,
      default: () => ({})
    }
  },
  data() {
    return {
      homeView: {}
    };
  },
  watch: {
    homeData: {
      handler(newVal) {
        this.homeView = newVal;
      },
      deep: true
    }
  },
  mounted() {}
};
</script>

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