<script setup lang="ts">
import { isMobile } from '~/utils'
import MobileHeader from '~/components/MobileHeader.vue'

import { useCategoryStore } from '~/stores/category'

// import { useI18n } from 'vue-i18n'
// const { t } = useI18n()


useHead({
  script: [
    { src: 'https://www.googletagmanager.com/gtag/js?id=AW-881504701', async: true },
    {
      children: `
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());
        gtag('config', 'AW-881504701');
      `,
      type: 'text/javascript'
    }
  ]
})


const categoryStore = useCategoryStore()
categoryStore.getList()
</script>

<template>
  <Header v-if="!isMobile()" />
  <MobileHeader v-if="isMobile()" />
  <div class="tw-min-h-[700px]">
    <NuxtPage />
  </div>
  <Footer />
</template>