export const meta = {
  title: '🌊 Vue Flow - The customizable Vue3 Flowchart Library',
  description: `Bring interactivity to your flowcharts and graphs with Vue Flow. It's a highly customizable Vue3 Flowchart library that can be used to visualize your ideas with Vue3 Flowchart. Features seamless zoom & pan and a ton of more features!`,
  keywords: 'vue, flowchart, graph, vue3, vuejs, vite, nuxt3, nuxtjs, quasar',
  img: 'https://images.prismic.io/bcakmakoglu/8fbdad18-3cd4-46a9-83cf-dbd9fbf60484_vue-flow.png?auto=compress,format',
  url: 'https://vueflow.dev/',
}

export default [
  [
    'meta',
    {
      name: 'description',
      content: meta.description,
    },
  ],
  ['meta', { hid: 'og:title', name: 'og:title', content: meta.title }],
  [
    'meta',
    {
      hid: 'og:description',
      property: 'og:description',
      content: meta.description,
    },
  ],
  [
    'meta',
    {
      hid: 'og:image',
      property: 'og:image',
      content: `http://${meta.img}`,
    },
  ],
  [
    'meta',
    {
      hid: 'og:image:secure_url',
      property: 'og:image:secure_url',
      content: `https://${meta.img}`,
    },
  ],
  [
    'meta',
    {
      hid: 'og:image:type',
      property: 'og:image:type',
      content: 'image/png',
    },
  ],
  [
    'meta',
    {
      hid: 'og:image:width',
      property: 'og:image:width',
      content: '2428',
    },
  ],
  [
    'meta',
    {
      hid: 'og:image:height',
      property: 'og:image:height',
      content: '1280',
    },
  ],
  ['meta', { hid: 'og:url', property: 'og:url', content: meta.url }],
  [
    'meta',
    {
      hid: 'twitter:card',
      name: 'twitter:card',
      content: 'summary_large_image',
    },
  ],
  [
    'meta',
    {
      hid: 'twitter:url',
      name: 'twitter:url',
      content: meta.url,
    },
  ],
  [
    'meta',
    {
      hid: 'twitter:title',
      name: 'twitter:title',
      content: meta.title,
    },
  ],
  [
    'meta',
    {
      hid: 'twitter:description',
      name: 'twitter:description',
      content: meta.description,
    },
  ],
  [
    'meta',
    {
      hid: 'twitter:image',
      name: 'twitter:image',
      content: meta.img,
    },
  ],
  [
    'link',
    {
      hid: 'canonical',
      rel: 'canonical',
      href: meta.url,
    },
  ],
  [
    'link',
    {
      hid: 'image_src',
      rel: 'image_src',
      href: meta.img,
    },
  ],
  ['link', { rel: 'apple-touch-icon', sizes: '180x180', href: '/favicons/apple-touch-icon.png' }],
  ['link', { rel: 'icon', type: 'image/png', sizes: '32x32', href: '/favicons/favicon-32x32.png' }],
  ['link', { rel: 'icon', type: 'image/png', sizes: '16x16', href: '/favicons/favicon-16x16.png' }],
  ['link', { rel: 'icon', type: 'image/png', sizes: '32x32', href: '/favicons/android-chrome-192x192.png' }],
  ['link', { rel: 'icon', type: 'image/png', sizes: '16x16', href: '/favicons/android-chrome-512x512.png' }],
  ['link', { rel: 'manifest', href: '/favicons/site.webmanifest' }],
  ['link', { rel: 'shortcut icon', href: '/favicons/favicon.ico' }],
  ['meta', { name: 'msapplication-TileColor', content: '#10b981' }],
  ['meta', { name: 'theme-color', content: '#10b981' }],
]