/home/henzagold/site/layouts/ Current File: /home/henzagold/site/layouts/MasterPage.vue
<template>
  <div>
    <RandomText />

    <page-header/>
    <Nuxt/>
    <whatsApp/>
    <page-footer/>
  </div>
</template>

<script>
import PageHeader from '@/components/PageHeader';
import PageFooter from '@/components/PageFooter';
import whatsApp from "@/components/whatsApp";
import RandomText from "@/components/RandomText";

export default {
  name: "MasterPage",
  components: {
    RandomText,
    PageHeader,
    PageFooter,
    whatsApp,
  },
  head: {
    script: [
      // {src:'/js/main.js', body: true},
      // {src:'/js/header.js', body: true},
    ],

  },
  async beforeMount() {
    const resizeObserver = new ResizeObserver(async entries => {
      for (let entry of entries) {
        await this.$store.commit('setWidth', entry.contentRect.width)
      }
    });
    resizeObserver.observe(document.querySelector('body'));
  }

}
</script>

<style scoped>

</style>