add meta tags

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' },
       {

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