feat: add meta description

feerglas · Oct 21, 2020 · e5135ed · e5135ed
1 parent 18a9d8d
commit e5135ed
Show file tree

Hide file tree

Showing 4 changed files with 49 additions and 2 deletions.
diff --git a/src/pages/Cantons.vue b/src/pages/Cantons.vue
@@ -53,6 +53,7 @@
 
 <script>
 import Flags from '../assets/flags/Index.vue';
+import getMetaInfo from '../helpers/meta';
 
 export default {
   components: {
@@ -82,6 +83,17 @@ export default {
 
       return cantons;
     }
+  },
+  metaInfo() {
+    const lang = this.$i18n.locale;
+    const route = this.$route.fullPath;
+    const description = this.$t('seo.description.cantons');
+
+    return getMetaInfo({
+      description,
+      lang,
+      route
+    });
   }
 };
 

diff --git a/src/pages/Holidays.vue b/src/pages/Holidays.vue
@@ -70,6 +70,7 @@ import {
   getLastHolidayOfEachYear,
   getNextHolidayAfterDate
 } from '../helpers/date';
+import getMetaInfo from '../helpers/meta';
 import HolidaysInfoLine from '../components/HolidaysInfoLine.vue';
 import HolidaysTable from '../components/HolidaysTable.vue';
 import YearsSelector from '../components/YearsSelector.vue';
@@ -87,6 +88,17 @@ export default {
       nextHoliday: false
     };
   },
+  metaInfo() {
+    const lang = this.$i18n.locale;
+    const route = this.$route.fullPath;
+    const description = this.$t('seo.description.holidays');
+
+    return getMetaInfo({
+      description,
+      lang,
+      route
+    });
+  },
   methods: {
     handleFilter(holidays) {
       this.filteredHolidays = holidays;

diff --git a/src/pages/Index.vue b/src/pages/Index.vue
@@ -32,14 +32,23 @@
 </template>
 
 <script>
+import getMetaInfo from '../helpers/meta';
 import SocialLinks from '../components/SocialLinks.vue';
 
 export default {
   components: {
     SocialLinks
   },
-  metaInfo: {
-    title: 'feiertaCH'
+  metaInfo() {
+    const lang = this.$i18n.locale;
+    const route = this.$route.fullPath;
+    const description = this.$t('seo.description.home');
+
+    return getMetaInfo({
+      description,
+      lang,
+      route
+    });
   }
 };
 </script>

diff --git a/src/templates/Canton.vue b/src/templates/Canton.vue
@@ -97,6 +97,7 @@ import {
 import Flag from '../assets/flags/Index.vue';
 import HolidaysInfoLine from '../components/HolidaysInfoLine.vue';
 import HolidaysTable from '../components/HolidaysTable.vue';
+import getMetaInfo from '../helpers/meta';
 import YearsSelector from '../components/YearsSelector.vue';
 
 export default {
@@ -113,6 +114,19 @@ export default {
       nextHoliday: false
     };
   },
+  metaInfo() {
+    const lang = this.$i18n.locale;
+    const route = this.$route.fullPath;
+    const description = this.$t('seo.description.canton', {
+      canton: this.$page.canton.name[this.$i18n.locale]
+    });
+
+    return getMetaInfo({
+      description,
+      lang,
+      route
+    });
+  },
   methods: {
     handleFilter(holidays) {
       this.filteredHolidays = holidays;