feat: dynamic title and description derived from tags and domain

Rule-34 · Feb 22, 2021 · 8a88247 · 8a88247
1 parent fd0e3fe
commit 8a88247
Showing 1 changed file with 16 additions and 0 deletions.
diff --git a/components/pages/posts/navigation/url/UrlManagerMixin.js b/components/pages/posts/navigation/url/UrlManagerMixin.js
@@ -2,6 +2,22 @@ import { mapGetters, mapActions } from 'vuex'
 import { isEqual } from 'lodash-es'
 
 export default {
+  head() {
+    const tags = this.urlTags?.split(',').join(', ')
+
+    return {
+      title: tags || 'Posts',
+
+      meta: [
+        {
+          hid: 'description',
+          name: 'description',
+          content: `Rule 34 of ${tags} on ${this.urlDomain}.`,
+        },
+      ],
+    }
+  },
+
   computed: {
     ...mapGetters('url', ['urlDomain', 'urlPage', 'urlTags']),
   },