app.vue

<template>
  <Header />
  <div class="content">
    <div class="middle">
      <breadcrumbs />
    </div>
    <NuxtPage />
  </div>
  <ForkMe v-if="!device.isMobile" />
  <DrawerWrapper />
  <Footer />
</template>

<script lang="ts" setup>
import Footer from '~~/src/common/components/Footer/Footer.vue'
import Breadcrumbs from '~~/src/common/components/Breadcrumbs/Breadcrumbs.vue'
import DrawerWrapper from '~~/src/common/components/DrawerWrapper/DrawerWrapper.vue'
import Header from '~~/src/common/components/Header/Header.vue'
import ForkMe from '~~/src/common/components/ForkMe/ForkMe.vue'
import { useDevice } from '~/src/common/composables/useDevice'

useHead({
  title: 'Brick Games Симулятор',
  meta: [
    { name: 'msapplication-TileColor', content: '#ffffff' },
    {
      name: 'msapplication-TileImage',
      content: '/images/ms-icon-144x144.png',
    },
    { name: 'theme-color', content: '#ffffff' },
  ],
  link: [
    { rel: 'icon', href: '/images/favicon.ico', type: 'image/x-icon' },
    {
      rel: 'apple-touch-icon',
      sizes: '57x57',
      href: '/images/apple-icon-57x57.png',
    },
    {
      rel: 'apple-touch-icon',
      sizes: '60x60',
      href: '/images/apple-icon-60x60.png',
    },
    {
      rel: 'apple-touch-icon',
      sizes: '72x72',
      href: '/images/apple-icon-72x72.png',
    },
    {
      rel: 'apple-touch-icon',
      sizes: '76x76',
      href: '/images/apple-icon-76x76.png',
    },
    {
      rel: 'apple-touch-icon',
      sizes: '114x114',
      href: '/images/apple-icon-114x114.png',
    },
    {
      rel: 'apple-touch-icon',
      sizes: '120x120',
      href: '/images/apple-icon-120x120.png',
    },
    {
      rel: 'apple-touch-icon',
      sizes: '144x144',
      href: '/images/apple-icon-144x144.png',
    },
    {
      rel: 'apple-touch-icon',
      sizes: '152x152',
      href: '/images/apple-icon-152x152.png',
    },
    {
      rel: 'apple-touch-icon',
      sizes: '180x180',
      href: '/images/apple-icon-180x180.png',
    },
    {
      rel: 'icon',
      sizes: '192x192',
      href: '/images/android-icon-192x192.png',
      type: 'image/png',
    },
    {
      rel: 'icon',
      sizes: '32x32',
      href: '/images/android-icon-32x32.png',
      type: 'image/png',
    },
    {
      rel: 'icon',
      sizes: '96x96',
      href: '/images/android-icon-96x96.png',
      type: 'image/png',
    },
    {
      rel: 'icon',
      sizes: '16x16',
      href: '/images/android-icon-16x16.png',
      type: 'image/png',
    },
  ],
})

const device = useDevice()
</script>