<script setup lang="ts">
import headerCommon  from '@/components/layout/header.vue'
import footerCommon  from '@/components/layout/footer.vue'
import feedFix from '@/components/layout/feedFix.vue'
import dialogPersonal from '@/components/layout/dialogPersonal.vue'
import { useStore  } from 'vuex'
const store = useStore()
function setDialogPersonalStatus(){
  store.commit("setDialogPersonalStatus",false)
}
</script>
<style >
@import "@/assets/styles/common/bootstrap.min.css";
@import "@/assets/styles/common/element.css";
@import "@/assets/styles/common/home.css";
@import "@/assets/styles/common/meanmenu.min.css";
@import "@/assets/styles/common/style.css";
@import "@/assets/styles/common/animate.min.css";
@import "@/assets/styles/common/default.css";
</style>
<template >
  <headerCommon />
  <router-view  />
  <feedFix />
  <footerCommon />
  <dialogPersonal  :data="store.state.dialogPersonalStatus" @setDialogPersonalStatus="setDialogPersonalStatus" />
</template>
