From d4e7a26dd44eea2f16685a1b23419df5da320c74 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Paul=20Nicou=C3=A9?= <contact@paulnicoue.com>
Date: Fri, 9 Dec 2022 16:07:35 +0100
Subject: [PATCH] Edit metadata

---
 app.vue | 29 ++++++++++++++++-------------
 1 file changed, 16 insertions(+), 13 deletions(-)

diff --git a/app.vue b/app.vue
index 4adee54..dda2ee9 100644
--- a/app.vue
+++ b/app.vue
@@ -13,9 +13,12 @@
     // HEAD
     // ----------------------------------------------------------------------------
 
-    const route = useRoute();
-    const pageTitle = route.meta.pageTitleChunk ? `Paul Nicoué | ${route.meta.pageTitleChunk}` : 'Paul Nicoué';
-    const pageUrl = `https://paulnicoue.com${route.path}`;
+    const siteTitle = 'Paul Nicoué';
+    const siteUrl = 'https://paulnicoue.com';
+    const pageTitle = useRoute().meta.pageTitleChunk ? `${siteTitle} | ${useRoute().meta.pageTitleChunk}` : siteTitle;
+    const pageUrl = siteUrl + useRoute().path;
+    const metaDescription = 'Intégrateur web et développeur full stack.';
+    const metaImageUrl = `${siteUrl}/images/paul-nicoue-logo-1200x675px.png`;
 
     useHead({
         title: pageTitle,
@@ -24,27 +27,27 @@
             {charset: 'utf-8'},
             {name: 'viewport', content: 'width=device-width'},
             /* Name */
-            {id: 'schema_name', itemprop: 'name', content: 'Paul Nicoué'},
+            {id: 'schema_name', itemprop: 'name', content: siteTitle},
             /* Description */
-            {name: 'description', content: 'Intégrateur web et développeur full stack.'},
-            {id: 'schema_description', itemprop: 'description', content: 'Intégrateur web et développeur full stack.'},
+            {name: 'description', content: metaDescription},
+            {id: 'schema_description', itemprop: 'description', content: metaDescription},
             /* Author */
-            {name: 'author', content: 'Paul Nicoué'},
+            {name: 'author', content: siteTitle},
             /* Image */
-            {id: 'schema_image', itemprop: 'image', content: 'images/paul-nicoue-logo-1200x675px.png'},
+            {id: 'schema_image', itemprop: 'image', content: metaImageUrl},
             /* Open Graph */
             {property: 'og:title', content: pageTitle},
-            {property: 'og:description', content: 'Intégrateur web et développeur full stack.'},
-            {property: 'og:image', content: 'images/paul-nicoue-logo-1200x675px.png'},
+            {property: 'og:description', content: metaDescription},
+            {property: 'og:image', content: metaImageUrl},
             {property: 'og:image:width', content: '1200'},
             {property: 'og:image:height', content: '675'},
             {property: 'og:url', content: pageUrl},
             {property: 'og:type', content: 'website'},
             /* Twitter Card */
             {name: 'twitter:card', content: 'summary_large_image'},
-            {name: 'twitter:title', content: 'Paul Nicoué'},
-            {name: 'twitter:description', content: 'Intégrateur web et développeur full stack.'},
-            {name: 'twitter:image', content: 'images/paul-nicoue-logo-1200x675px.png'}
+            {name: 'twitter:title', content: siteTitle},
+            {name: 'twitter:description', content: metaDescription},
+            {name: 'twitter:image', content: metaImageUrl}
         ],
         link: [
             /* Canonical URL */