From b849470993af1cce8a4791cf491737df38a44bb7 Mon Sep 17 00:00:00 2001 From: Georges Gomes Date: Fri, 25 Mar 2022 09:41:08 +0100 Subject: [PATCH] working --- src/client/app/composables/head.ts | 31 ------------------------------ src/client/app/index.ts | 6 ------ 2 files changed, 37 deletions(-) delete mode 100644 src/client/app/composables/head.ts diff --git a/src/client/app/composables/head.ts b/src/client/app/composables/head.ts deleted file mode 100644 index 2d6ad39b..00000000 --- a/src/client/app/composables/head.ts +++ /dev/null @@ -1,31 +0,0 @@ -import { watchEffect, Ref } from 'vue' -import { HeadConfig, SiteData, processHead } from '../../shared' -import { Route } from '../router' - -export function useUpdateHead(route: Route, siteDataByRouteRef: Ref) { - - watchEffect(() => { - const pageData = route.data - const siteData = siteDataByRouteRef.value - const pageTitle = pageData && pageData.title - const pageDescription = pageData && pageData.description - - // update title and description - document.title = (pageTitle ? pageTitle + ` | ` : ``) + siteData.title - document - .querySelector(`meta[name=description]`)! - .setAttribute('content', pageDescription || siteData.description) - - }) -} - -function createHeadElement([tag, attrs, innerHTML]: HeadConfig) { - const el = document.createElement(tag) - for (const key in attrs) { - el.setAttribute(key, attrs[key]) - } - if (innerHTML) { - el.innerHTML = innerHTML - } - return el -} diff --git a/src/client/app/index.ts b/src/client/app/index.ts index 3065c813..923ebb37 100644 --- a/src/client/app/index.ts +++ b/src/client/app/index.ts @@ -10,7 +10,6 @@ import { import { inBrowser, pathToFile } from './utils' import { Router, RouterSymbol, createRouter } from './router' import { siteDataRef, useData } from './data' -import { useUpdateHead } from './composables/head' import Theme from '/@theme/index' import { usePrefetch } from './composables/preFetch' import { dataSymbol, initData } from './data' @@ -55,11 +54,6 @@ export function createApp() { const data = initData(router.route) app.provide(dataSymbol, data) - if (inBrowser) { - // dynamically update head tags - useUpdateHead(router.route, data.site) - } - // install global components app.component('Content', Content) app.component('ClientOnly', ClientOnly)