diff --git a/front-end/public/index.html b/front-end/public/index.html
index 412352865..7fd2ec603 100644
--- a/front-end/public/index.html
+++ b/front-end/public/index.html
@@ -5,11 +5,12 @@
-
<%= htmlWebpackPlugin.options.title %>
+ ma-cantine.beta.gouv.fr
+
diff --git a/front-end/src/App.vue b/front-end/src/App.vue
index 05f31c248..78fdff28d 100644
--- 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;
+ }
+ },
}
diff --git a/front-end/src/router/index.js b/front-end/src/router/index.js
index 45e481a55..dccaf8e7b 100644
--- 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"
+ }
}
];