add vue-meta

package-lock.json

@@ -17,6 +17,7 @@
         "vue-i18n": "^8.26.7",
         "vue-i18n-bridge": "^9.2.0-beta.10",
         "vue-material-design-icons": "^4.11.0",
+        "vue-meta": "^2.4.0",
         "vue-plausible": "^1.1.4",
         "vue-router": "^3.5.1",
         "vuetify": "^2.5.8",
@@ -15613,6 +15614,22 @@
       "resolved": "https://registry.npmjs.org/vue-material-design-icons/-/vue-material-design-icons-4.12.1.tgz",
       "integrity": "sha512-IDGGV5fC2VPN3zPRNEpm47MjJL1CIPfK34wx3+SRTkUL8dt5/hONmQ2WguBivE1uZVExMVFHekNDnEJamkJ8hA=="
     },
+    "node_modules/vue-meta": {
+      "version": "2.4.0",
+      "resolved": "https://registry.npmjs.org/vue-meta/-/vue-meta-2.4.0.tgz",
+      "integrity": "sha512-XEeZUmlVeODclAjCNpWDnjgw+t3WA6gdzs6ENoIAgwO1J1d5p1tezDhtteLUFwcaQaTtayRrsx7GL6oXp/m2Jw==",
+      "dependencies": {
+        "deepmerge": "^4.2.2"
+      }
+    },
+    "node_modules/vue-meta/node_modules/deepmerge": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-4.2.2.tgz",
+      "integrity": "sha512-FJ3UgI4gIl+PHZm53knsuSFpE+nESMr7M4v9QcgB7S63Kj/6WqMiFQJpBBYz1Pt+66bZpP3Q7Lye0Oo9MPKEdg==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/vue-plausible": {
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/vue-plausible/-/vue-plausible-1.2.1.tgz",
@@ -29111,6 +29128,21 @@
       "resolved": "https://registry.npmjs.org/vue-material-design-icons/-/vue-material-design-icons-4.12.1.tgz",
       "integrity": "sha512-IDGGV5fC2VPN3zPRNEpm47MjJL1CIPfK34wx3+SRTkUL8dt5/hONmQ2WguBivE1uZVExMVFHekNDnEJamkJ8hA=="
     },
+    "vue-meta": {
+      "version": "2.4.0",
+      "resolved": "https://registry.npmjs.org/vue-meta/-/vue-meta-2.4.0.tgz",
+      "integrity": "sha512-XEeZUmlVeODclAjCNpWDnjgw+t3WA6gdzs6ENoIAgwO1J1d5p1tezDhtteLUFwcaQaTtayRrsx7GL6oXp/m2Jw==",
+      "requires": {
+        "deepmerge": "^4.2.2"
+      },
+      "dependencies": {
+        "deepmerge": {
+          "version": "4.2.2",
+          "resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-4.2.2.tgz",
+          "integrity": "sha512-FJ3UgI4gIl+PHZm53knsuSFpE+nESMr7M4v9QcgB7S63Kj/6WqMiFQJpBBYz1Pt+66bZpP3Q7Lye0Oo9MPKEdg=="
+        }
+      }
+    },
     "vue-plausible": {
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/vue-plausible/-/vue-plausible-1.2.1.tgz",

package.json

@@ -18,6 +18,7 @@
     "vue-i18n": "^8.26.7",
     "vue-i18n-bridge": "^9.2.0-beta.10",
     "vue-material-design-icons": "^4.11.0",
+    "vue-meta": "^2.4.0",
     "vue-plausible": "^1.1.4",
     "vue-router": "^3.5.1",
     "vuetify": "^2.5.8",

src/components/Article.vue

@@ -84,6 +84,18 @@ export default {
       is_collapsed: true
     }
   },
+   metaInfo: function() {
+     if (this.$parent.article === this.article) {
+       return {
+     title: this.$t('Ordbøkene - '+this.article.lemmas[0].lemma),
+     meta: [
+     { name: 'description', content:  "My page meta description" }
+    ]
+    }
+
+     }
+   
+   },
   computed: {
     collapsable: function() {
       if (this.$parent.$options.name != 'SearchResults') {

src/main.js

@@ -8,11 +8,20 @@ import { VuePlausible } from 'vue-plausible'
 import vuetify from './plugins/vuetify'
 import Vuex from 'vuex'
 import i18n from './i18n'
+import VueMeta from 'vue-meta'
+ 
+
 
 
 Vue.config.productionTip = false
 Vue.use(Vuex)
 Vue.use(VueRouter)
+
+Vue.use(VueMeta, {
+  // optional pluginOptions
+  refreshOnceOnNavigation: true
+})
+
 Vue.use(VuePlausible, {
   domain: 'beta.ordbok.uib.no'
 })