feat: improve tags in title

assets/js/SeoHelper.js

@@ -0,0 +1,35 @@
+"use strict";
+
+import { capitalize } from "lodash-es";
+
+export class SeoHelper {
+
+  static tagArrayToTitle(tags) {
+
+    if (!tags) {
+      return undefined;
+    }
+
+    const CAPITALIZED_TAGS = tags
+      .map(tag => capitalize(tag))
+      .join(", ");
+
+    return this.normalizeStringForTitle(CAPITALIZED_TAGS);
+  }
+
+  static normalizeStringForTitle(title) {
+    title = title.trim()
+
+    // Replace underscores with spaces
+    title = title.replace(/_/g, ' ')
+
+    // Replace parentheses with empty string
+    title = title.replace(/\(/g, '')
+    title = title.replace(/\)/g, '')
+
+    // Replace colon with empty string
+    title = title.replace(/:/g, '')
+
+    return title
+  }
+}

pages/index.vue

@@ -57,10 +57,10 @@
 
 <script>
 import { mapActions, mapGetters } from 'vuex'
-import { capitalize } from 'lodash-es'
 
 // Mixins
 import FetchPostsMixin from '~/components/pages/posts/post/FetchPostsMixin.js'
+import { SeoHelper } from "~/assets/js/SeoHelper";
 
 export default {
   mixins: [FetchPostsMixin],
@@ -85,9 +85,8 @@ export default {
       ],
     }
 
-    let tags = this.getTags.join(', ')
-
-    tags = capitalize(tags)
+    // Join array of tags into a comma separated string
+    const tags = SeoHelper.tagArrayToTitle(this.getTags)
 
     if (tags) {
       head.title = tags + ' Hentai Porn'