项目初始化

web-vue/packages/core/hooks/web/useTitle.ts

@@ -0,0 +1,38 @@
+/**
+ * Copyright (c) 2013-Now https://jeesite.com All rights reserved.
+ * No deletion without permission, or be held responsible to law.
+ * @author ThinkGem
+ */
+import { watch, unref } from 'vue';
+import { useI18n } from '@jeesite/core/hooks/web/useI18n';
+import { useTitle as usePageTitle } from '@vueuse/core';
+import { useGlobSetting } from '@jeesite/core/hooks/setting';
+import { useRouter } from 'vue-router';
+
+import { REDIRECT_NAME } from '@jeesite/core/router/constant';
+
+/**
+ * Listening to page changes and dynamically changing site titles
+ */
+export function useTitle() {
+  const { title } = useGlobSetting();
+  const { t } = useI18n();
+  const { currentRoute } = useRouter();
+
+  const pageTitle = usePageTitle();
+
+  watch(
+    () => currentRoute.value.path,
+    () => {
+      const route = unref(currentRoute);
+
+      if (route.name === REDIRECT_NAME) {
+        return;
+      }
+
+      const tTitle = t(route?.meta?.title as string);
+      pageTitle.value = tTitle ? ` ${tTitle} - ${title} ` : `${title}`;
+    },
+    { immediate: true },
+  );
+}