<script setup>
  useHead({
    htmlAttrs: [
      { lang: 'en'}
    ],
    link: [
      { rel: 'apple-touch-icon', sizes: '180x180', href: '/apple-touch-icon.png' },
      { rel: 'icon', sizes: '32x32', href: '/favicon-32x32.png' },
      { rel: 'icon', sizes: '16x16', href: '/favicon-16x16.png' },
      { rel: 'manifest', href: '/site.webmanifest' },
      { rel: 'mask-icon', href: '/safari-pinned-tab.svg', color: '#5d7eff' },
    ],
    meta: [
      { name: 'msapplication-TileColor', content: '#1b1e28' },
      { name: 'theme-color', content: '#ffffff' }
    ],
    script: [
      {  defer: 'true', 'data-domain': 'inspin.io', src: 'https://pa.inspin.io/js/latest.js' }
    ]
  })

  const route = useRoute()
</script>

<template>
  <Header></Header>
  <main :class="route.path === '/login' ? 'no-header' : ''">
    <NuxtPage/>
  </main>
  <Footer></Footer>
</template>