From 965112ddbb7e123a6c4e6a728e8645d4d92f3b06 Mon Sep 17 00:00:00 2001
From: axolotle <nchesnais@mailoo.org>
Date: Wed, 10 Mar 2021 15:17:33 +0100
Subject: [PATCH] use messages in template & add automatic page titling from
 route name

---
 public/index.html                |  2 +-
 src/App.vue                      | 24 +++++++++++-------------
 src/components/text/TextCard.vue |  2 +-
 src/messages/index.js            |  1 -
 src/pages/Library.vue            | 10 ----------
 5 files changed, 13 insertions(+), 26 deletions(-)
diff --git a/public/index.html b/public/index.html
index df52a80..a582c08 100644
--- a/public/index.html
+++ b/public/index.html
@@ -5,7 +5,7 @@
     <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>En Françai(s)</title>
+    <title>En françaiS au pluriel</title>
   </head>
   <body>
     <noscript>
diff --git a/src/App.vue b/src/App.vue
index 6238e36..dcd0c46 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -3,7 +3,7 @@
     <header>
       <b-navbar toggleable="md">
         <b-navbar-brand :to="{ name: 'home' }">
-          En Français
+          {{ $t('title') }}
         </b-navbar-brand>
 
         <b-navbar-toggle target="nav-collapse" />
@@ -11,13 +11,13 @@
         <b-collapse id="nav-collapse" is-nav>
           <b-navbar-nav class="ml-auto">
             <b-nav-item :to="{ name: 'library' }">
-              Bibliothèque
+              {{ $t('sections.library') }}
             </b-nav-item>
             <b-nav-item :to="{ name: 'kit' }">
-              Kit de désapprentissage
+              {{ $t('sections.kit') }}
             </b-nav-item>
             <b-nav-item :to="{ name: 'gallery' }">
-              Créations numériques
+              {{ $t('sections.gallery') }}
             </b-nav-item>
           </b-navbar-nav>
         </b-collapse>
@@ -36,15 +36,13 @@
 export default {
   name: 'App',
 
-  metaInfo: {
-    // if no subcomponents specify a metaInfo.title, this title will be used
-    title: 'Home',
-    // all titles will be injected into this template
-    titleTemplate: '%s | En Français',
-    meta: [
-      { charset: 'utf-8' },
-      { name: 'viewport', content: 'width=device-width, initial-scale=1' }
-    ]
+  metaInfo () {
+    return {
+      // if no subcomponents specify a metaInfo.title, try to get one from the route name.
+      title: this.$t('sections.' + this.$route.name, ''),
+      // all titles will be injected into this template
+      titleTemplate: '%s | ' + this.$t('title')
+    }
   }
 }
 </script>
diff --git a/src/components/text/TextCard.vue b/src/components/text/TextCard.vue
index 341d8da..eed42d3 100644
--- a/src/components/text/TextCard.vue
+++ b/src/components/text/TextCard.vue
@@ -42,7 +42,7 @@
             v-if="text.bounces"
             :id="'bounces-' + text.id"
           >
-            Textes rebonds
+            {{ $t('bounce_texts') }}
           </b-button>
           <b-popover
             v-if="text.bounces"
diff --git a/src/messages/index.js b/src/messages/index.js
index 830c971..3d1f83d 100644
--- a/src/messages/index.js
+++ b/src/messages/index.js
@@ -2,7 +2,6 @@ import messages from './fr.json'
 
 
 function getMessage (keyedPath, alt) {
-  console.log(keyedPath, alt)
   let message
   try {
     message = keyedPath.split('.').reduce((parent, key) => {
diff --git a/src/pages/Library.vue b/src/pages/Library.vue
index 9516d8e..e6d18a6 100644
--- a/src/pages/Library.vue
+++ b/src/pages/Library.vue
@@ -32,16 +32,6 @@ export default {
     TextCard
   },
 
-  metaInfo () {
-    return {
-      title: this.groups.length ? 'Bibliothèque - ' + this.groups[0].id : 'Bibliothèque',
-      meta: [
-        { charset: 'utf-8' },
-        { name: 'viewport', content: 'width=device-width, initial-scale=1' }
-      ]
-    }
-  },
-
   props: {
     mode: { type: String, required: true },
     texts: { type: Array, required: true }
