Merge pull request #52 from betagouv/add-site-title

Ajouter titre et metadescription
betagouv · Jan 15, 2021 · 255dd7f · 255dd7f
2 parents a0c863f + ec0b106
commit 255dd7f
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 3 deletions.
diff --git a/front-end/public/index.html b/front-end/public/index.html
@@ -5,11 +5,12 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width,initial-scale=1.0">
     <link rel="icon" href="<%= BASE_URL %>favicon.ico">
-    <title><%= htmlWebpackPlugin.options.title %></title>
+    <title>ma-cantine.beta.gouv.fr</title>
+    <meta name="description" content="Pour une alimentatation saine, de qualité et plus durable dans nos assiettes grâce à EGAlim">
   </head>
   <body>
     <noscript>
-      <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
+      <strong>ma-cantine.beta.gouv.fr a besoin de Javascript pour fonctionner.</strong>
     </noscript>
     <div id="app"></div>
     <!-- built files will be auto injected -->

diff --git a/front-end/src/App.vue b/front-end/src/App.vue
@@ -15,7 +15,13 @@ export default {
   components: {
     TheNavbar,
     TheFooter,
-  }
+  },
+  watch: {
+    '$route' (to) {
+      const suffix = "ma-cantine.beta.gouv.fr";
+      document.title = to.meta.title ? to.meta.title + " - " + suffix : suffix;
+    }
+  },
 }
 </script>
 

diff --git a/front-end/src/router/index.js b/front-end/src/router/index.js
@@ -12,6 +12,9 @@ const routes = [
     path: '/mesures-phares',
     name: 'KeyMeasuresPage',
     component: KeyMeasuresPage,
+    meta: {
+      title: "Les 5 mesures-phares de la loi EGAlim"
+    }
   }
 ];