Adds i18n SEO information to page headers

Related to Issue #25
oengusio · Jul 27, 2021 · 817f619 · 817f619
1 parent e373dd0
commit 817f619
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 0 deletions.
diff --git a/layouts/default.vue b/layouts/default.vue
@@ -8,8 +8,12 @@
 
 <script lang="ts">
 import Vue from 'vue';
+import { MetaInfo } from 'vue-meta';
 
 export default Vue.extend({
+  head(): Required<Pick<MetaInfo, "htmlAttrs" | "link" | "meta">> {
+    return this.$nuxtI18nHead({ addSeoAttributes: true });
+  },
   mounted(): void {
     // Provide calls to this.$gtag here to update Analytics
   },

diff --git a/nuxt.config.js b/nuxt.config.js
@@ -110,6 +110,8 @@ export default {
     langDir: '~/locales/',
     lazy: true,
     vueI18n: '~/vue-i18n.config.js',
+    // Performant language-based SEO: https://i18n.nuxtjs.org/seo#improving-performance
+    seo: false,
   },
 
   // SSR Cache configuration: https://www.npmjs.com/package/nuxt-ssr-cache