39 lines
1.2 KiB
TypeScript
39 lines
1.2 KiB
TypeScript
import { watch, unref, ref } from 'vue';
|
|
import { useI18n } from '/@/hooks/web/useI18n';
|
|
import { useTitle as usePageTitle } from '@vueuse/core';
|
|
import { useGlobSetting } from '/@/hooks/setting';
|
|
import { useRouter } from 'vue-router';
|
|
import { useLocaleStore } from '/@/store/modules/locale';
|
|
import { useAppStore } from '/@/store/modules/app';
|
|
import { REDIRECT_NAME } from '/@/router/constant';
|
|
|
|
/**
|
|
* Listening to page changes and dynamically changing site titles
|
|
*/
|
|
export function useTitle() {
|
|
const title = import.meta.env.VITE_SYSTEM_NAME;
|
|
const { t } = useI18n();
|
|
const { currentRoute } = useRouter();
|
|
const localeStore = useLocaleStore();
|
|
const appStore = useAppStore();
|
|
const pageTitle = usePageTitle();
|
|
|
|
watch(
|
|
[() => currentRoute.value.path, () => localeStore.getLocale],
|
|
() => {
|
|
const route = unref(currentRoute);
|
|
|
|
if (route.name === REDIRECT_NAME) {
|
|
return;
|
|
}
|
|
|
|
const metaTitle=typeof route?.meta?.title=='function'?route.meta.title(route):route?.meta?.title;
|
|
const tTitle = t(metaTitle);
|
|
pageTitle.value = tTitle
|
|
? ` ${tTitle} - ${title} `
|
|
: `${title}`;
|
|
},
|
|
{ immediate: true },
|
|
);
|
|
}
|