public-repos/it-tools
5
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

fix(title): trully reactive tool title

Browse Source
This commit is contained in:
Corentin Thomasset 2022-06-02 00:58:31 +02:00
parent f48cd058cf
commit c2e1d59cb9
No known key found for this signature in database
GPG Key ID: DBD997E935996158
1 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/layouts/tool.layout.vue
View File

@ -3,13 +3,13 @@ import { useRoute } from 'vue-router';
import BaseLayout from './base.layout.vue'; import BaseLayout from './base.layout.vue';
import { useHead } from '@vueuse/head'; import { useHead } from '@vueuse/head';
import type { HeadObject } from '@vueuse/head'; import type { HeadObject } from '@vueuse/head';
import { reactive } from 'vue'; import { computed } from 'vue';
import { useThemeVars } from 'naive-ui'; import { useThemeVars } from 'naive-ui';
const route = useRoute(); const route = useRoute();
const theme = useThemeVars(); const theme = useThemeVars();
const head = reactive<HeadObject>({ const head = computed<HeadObject>(() => ({
title: `${route.meta.name} - IT Tools`, title: `${route.meta.name} - IT Tools`,
meta: [ meta: [
{ {
@ -21,7 +21,7 @@ const head = reactive<HeadObject>({
content: route.meta.keywords, content: route.meta.keywords,
}, },
], ],
}); }));
useHead(head); useHead(head);
</script> </script>