feat: use helpers for routes, and DTO for tags

assets/js/RouterHelper.ts

@@ -0,0 +1,23 @@
+import Tag from 'assets/js/tag.dto'
+import { RouteLocationRaw } from 'vue-router'
+
+export function generatePostsRoute(domain?: string, page?: number, tags?: Tag[]) {
+  const route: RouteLocationRaw = {
+    path: '/posts',
+    query: {}
+  }
+
+  if (domain != null) {
+    route.query.domain = domain
+  }
+
+  if (page != null) {
+    route.query.page = page.toString()
+  }
+
+  if (tags != null && Array.isArray(tags) && tags.length) {
+    route.query.tags = tags.map((tag) => encodeURI(tag.name)).join('|')
+  }
+
+  return route
+}

assets/js/SeoHelper.ts

@@ -0,0 +1,40 @@
+import Tag from 'assets/js/tag.dto'
+
+export function tagArrayToTitle(tags: Tag[]) {
+  if (!tags.length) {
+    return null
+  }
+
+  return (
+    tags
+      .map((tag) => tag.name)
+      // .map((tag) => capitalize(tag))
+      .map((tag) => normalizeStringForTitle(tag))
+      .join(', ')
+  )
+}
+
+export function normalizeStringForTitle(string: string) {
+  if (!string) {
+    return null
+  }
+
+  string = string.trim()
+
+  // Delete negative tag
+  if (string.startsWith('-')) {
+    return null
+  }
+
+  // Replace underscores with spaces
+  string = string.replace(/_/g, ' ')
+
+  // Delete parentheses
+  string = string.replace(/\(/g, '')
+  string = string.replace(/\)/g, '')
+
+  // Delete colons
+  string = string.replace(/:/g, '')
+
+  return string
+}

assets/js/tag.dto.ts

@@ -0,0 +1,17 @@
+export interface ITag {
+  name: string
+  count?: number
+}
+
+// For default values
+export class TagDTO implements ITag {
+  name: string = ''
+  count?: number
+}
+
+export default class Tag extends TagDTO {
+  constructor(dto: TagDTO) {
+    super()
+    Object.assign(this, dto)
+  }
+}