feat: update deps and introduce canonical urls

Author: TheAlexLichter

layouts/default.vue

@@ -33,7 +33,19 @@ export default {
     this.checkForHash(this.$route)
   },
   head () {
-    return this.$nuxtI18nSeo()
+    const i18nSeo = this.$nuxtI18nSeo()
+    const baseUrl = process.env.baseUrl
+    const { path } = this.$route
+    const pathWithSlash = path.endsWith('/') ? path : `${path}/`
+
+    return {
+      htmlAttrs: i18nSeo.htmlAttrs,
+      meta: i18nSeo.meta,
+      link: [
+        { rel: 'canonical', href: `${baseUrl}${pathWithSlash}` },
+        ...i18nSeo.link
+      ]
+    }
   },
   methods: {
     hideContactUsModal () {

nuxt.config.js

@@ -6,7 +6,7 @@ const titleTemplate = c => c ? `${c} - Developmint` : 'Developmint'
 const isProd = process.env.NODE_ENV === 'production'
 const isDev = !isProd
 
-const baseUrl = process.env.BASE_URL || 'https://developmint.de/'
+const baseUrl = process.env.BASE_URL || 'https://www.developmint.de'
 
 const { theme: { colors } } = resolveConfig(rawTailwindConfig)
 
@@ -109,7 +109,7 @@ export default {
     description: 'Developmint is an experienced Software agency based in Dresden (Germany). Let your visions become' +
       ' reality with us!',
     author: 'Developmint',
-    ogHost: baseUrl,
+    ogHost: `${baseUrl}/`,
     ogSiteName: 'Developmint',
     ogImage: {
       path: 'logo.png'
@@ -171,7 +171,13 @@ export default {
       '/de/datenschutz',
       '/disclaimer',
       '/de/haftungsausschluss'
-    ]
+    ],
+    filter ({ routes }) {
+      return routes.map((route) => {
+        route.url = route.url.endsWith('/') ? route.url : `${route.url}/`
+        return route
+      })
+    }
   },
 
   webfontloader: {

package.json

@@ -22,13 +22,13 @@
     "eslint-plugin-nuxt": "^0.4.3",
     "intersection-observer": "^0.7.0",
     "nuxt-edge": "^3.0.0-25886174.42eefa0e",
-    "nuxt-i18n": "^5.12.7",
+    "nuxt-i18n": "^6.0.1",
     "nuxt-svg-loader": "^1.0.1",
     "nuxt-webfontloader": "^1.1.0",
     "postcss-nested": "^4.1.2",
     "sendmail": "^1.6.1",
     "shifty": "^2.8.0",
-    "validator": "^10.11.0",
+    "validator": "^11.1.0",
     "vue-cookieconsent-component": "^1.2.0",
     "vue-if-bot": "^1.2.0",
     "vue-observe-visibility": "^0.4.4",
@@ -39,11 +39,11 @@
     "@nuxtjs/eslint-config": "^1.0.1",
     "@nuxtjs/proxy": "^1.3.3",
     "babel-eslint": "^10.0.2",
-    "eslint": "^5.16.0",
+    "eslint": "^6.1.0",
     "eslint-loader": "^2.2.1",
-    "husky": "^1.3.1",
+    "husky": "^3.0.3",
     "netlify-lambda": "^1.5.1",
-    "standard-version": "^5.0.2"
+    "standard-version": "^7.0.0"
   },
   "husky": {
     "hooks": {

plugins/vue-prototype-extensions.js

@@ -7,7 +7,7 @@ Vue.prototype.$createSeo = function (slug, baseMetaArray = []) {
       const defaultMetaArray = [
         {
           name: 'og:url',
-          content: `${process.env.baseUrl}${this.$route.path.substr(1)}`
+          content: `${process.env.baseUrl}${this.$route.path}`
         }
       ]
 
@@ -32,6 +32,6 @@ const retrieveMetaObjectArray = (metaObject) => {
     name: n,
     property: n,
     // Fix url when the meta information is og:image
-    content: wrappedName.includes('og:image') ? process.env.baseUrl + metaObject.content.substr(1) : metaObject.content
+    content: wrappedName.includes('og:image') ? process.env.baseUrl + metaObject.content : metaObject.content
   }))
 }