init

src/router/guard/title.ts

@@ -0,0 +1,13 @@
+import type { Router } from 'vue-router';
+import { useTitle } from '@vueuse/core';
+import { $t } from '@/locales';
+
+export function createDocumentTitleGuard(router: Router) {
+  router.afterEach(to => {
+    const { i18nKey, title } = to.meta;
+
+    const documentTitle = i18nKey ? $t(i18nKey) : title;
+
+    useTitle(documentTitle);
+  });
+}