<template>
    <div>
        <!-- Main content of the page -->
        <router-view></router-view>

        <!-- Footer that re-renders on route change -->
        <!-- <FooterComponent :key="$route.fullPath" /> -->
    </div>
</template>

<script>
import FooterComponent from "../../layout/Footer.vue";

export default {
    data() {
        return {};
    },
    methods: {},
    watch: {},
    computed: {},
    components: {
        //   Header: Header,
        // Menu: Menu,
        // Footer: Footer,
        // Side_t:Side_t,
        FooterComponent,
    },
    mounted() {
        console.log("main mounted");
    },
};
</script>
<style scoped></style>
