diff --git a/nuxt.config.js b/nuxt.config.js index 57357f3..37e9467 100644 --- a/nuxt.config.js +++ b/nuxt.config.js @@ -1,16 +1,14 @@ +import metaTags from './utility/metaTags' + export default { ssr: true, target: 'server', head: { - title: 'fetch-cat-breeds', + title: 'Fur~miliar', htmlAttrs: { lang: 'en', }, - meta: [ - { charset: 'utf-8' }, - { name: 'viewport', content: 'width=device-width, initial-scale=1' }, - { hid: 'description', name: 'description', content: '' }, - ], + meta: [...metaTags], link: [ { rel: 'icon', type: 'image/svg+xml', href: '/furmiliar-favicon.svg' }, { diff --git a/static/furmiliar-banner.png b/static/furmiliar-banner.png new file mode 100644 index 0000000..b56dffb Binary files /dev/null and b/static/furmiliar-banner.png differ diff --git a/utility/metaTags.js b/utility/metaTags.js new file mode 100644 index 0000000..02697e6 --- /dev/null +++ b/utility/metaTags.js @@ -0,0 +1,45 @@ +const base = [ + { charset: 'utf-8' }, + { name: 'viewport', content: 'width=device-width, initial-scale=1' }, + { name: 'title', content: 'Fur~miliar' }, + { + hid: 'description', + name: 'description', + content: + 'Fur~miliar allows you to search and learn more about various cat breeds!', + }, +] + +const openGraph = [ + { property: 'og:type', content: 'website' }, + { property: 'og:url', content: 'https://furmiliar.amorpheuz.dev/' }, + { property: 'og:title', content: 'Fur~miliar' }, + { + property: 'og:description', + content: + 'Fur~miliar allows you to search and learn more about various cat breeds.', + }, + { + property: 'og:image', + content: 'https://furmiliar.amorpheuz.dev/furmiliar-banner.png', + }, +] + +const twitter = [ + { property: 'twitter:card', content: 'summary_large_image' }, + { property: 'twitter:url', content: 'https://furmiliar.amorpheuz.dev/' }, + { property: 'twitter:title', content: 'Fur~miliar' }, + { + property: 'twitter:description', + content: + 'Fur~miliar allows you to search and learn more about various cat breeds.', + }, + { + property: 'twitter:image', + content: 'https://furmiliar.amorpheuz.dev/furmiliar-banner.png', + }, +] + +const metaTags = [...base, ...openGraph, ...twitter] + +export default metaTags