app.vue

<script setup lang="ts">
import 'vue3-toastify/dist/index.css'

useSeoMeta({
  title: 'Construa sua Chapa Eleitoral',
  ogTitle: 'Construa a Chapa Eleitoral',
  description:
      'Análise de quociente eleitoral para vereadores. Quem vence para vereador na sua cidade?',
  ogDescription:
      'Análise de quociente eleitoral para vereadores. Quem vence para vereador na sua cidade?',
  ogImage: 'https://campanha.softagon.app/softagon.png',
  twitterCard: 'summary_large_image',
  twitterTitle: 'Construa uma Chapa Eleitoral',
  twitterDescription:
      'Análise de quociente eleitoral para vereadores. Quem vence para vereador na sua cidade?',
  twitterImage: 'https://campanha.softagon.app/softagon.png',
  ogUrl: 'https://campanha.softagon.app',
  msapplicationTileColor: '#ffffff',
  msapplicationTileImage: '/ms-icon-144x144.png',
  themeColor: '#ffffff',
  ogType: 'website', // Adiciona og:type
})

useHead({
  htmlAttrs: {
    lang: 'pt-BR',
  },
  link: [
    { rel: 'canonical', href: 'https://campanha.softagon.app' }, // Adiciona URL canônica
    {
      rel: 'apple-touch-icon',
      sizes: '57x57',
      href: '/apple-icon-57x57.png',
    },
    {
      rel: 'apple-touch-icon',
      sizes: '60x60',
      href: '/apple-icon-60x60.png',
    },
    {
      rel: 'apple-touch-icon',
      sizes: '72x72',
      href: '/apple-icon-72x72.png',
    },
    {
      rel: 'apple-touch-icon',
      sizes: '76x76',
      href: '/apple-icon-76x76.png',
    },
    {
      rel: 'apple-touch-icon',
      sizes: '114x114',
      href: '/apple-icon-114x114.png',
    },
    {
      rel: 'apple-touch-icon',
      sizes: '120x120',
      href: '/apple-icon-120x120.png',
    },
    {
      rel: 'apple-touch-icon',
      sizes: '144x144',
      href: '/apple-icon-144x144.png',
    },
    {
      rel: 'apple-touch-icon',
      sizes: '152x152',
      href: '/apple-icon-152x152.png',
    },
    {
      rel: 'apple-touch-icon',
      sizes: '180x180',
      href: '/apple-icon-180x180.png',
    },
    {
      rel: 'icon',
      type: 'image/png',
      sizes: '192x192',
      href: '/android-icon-192x192.png',
    },
    {
      rel: 'icon',
      type: 'image/png',
      sizes: '32x32',
      href: '/favicon-32x32.png',
    },
    {
      rel: 'icon',
      type: 'image/png',
      sizes: '96x96',
      href: '/favicon-96x96.png',
    },
    {
      rel: 'icon',
      type: 'image/png',
      sizes: '16x16',
      href: '/favicon-16x16.png',
    },
    { rel: 'manifest', href: '/manifest.json' },
  ],
})
</script>

<template>
  <NuxtLayout>
    <NuxtPage />
  </NuxtLayout>
</template>