[Feature request] Allow us to Remove site name from page title

[ramesh-dada]

I want to remove my site name from every page I don’t want it every where I just want page title

I want to remove the highlighted part in image It will be great if we can do some configuration in config file.

[meteorlxy]

This problem also exists in VuePress v1.

I agree that we should provide a more flexible way to customize the content of <title> tag.

[meteorlxy]

What about providing a new client API to be called in clientAppEnhance.ts ?

For example:

import {
  defineClientAppEnhance,
  setResolvePageHeadTitle,
} from '@vuepress/client'

export default defineClientAppEnhance(() => {
  // this is the default behavior
  setResolvePageHeadTitle(
    (page, siteLocale) =>
      `${page.title ? `${page.title} | ` : ``}${siteLocale.title}`
  )

  // users can customize this way
  setResolvePageHeadTitle((page) => page.title)
})

[meteorlxy]

It's not supported now, but you might modify it manually in clientAppSetup like this:

import { defineClientAppSetup, usePageData } from '@vuepress/client'
import { nextTick } from 'vue'
import { useRouter } from 'vue-router'

export default defineClientAppSetup(() => {
  const router = useRouter()
  const page = usePageData()
  const changeTitle = (): void => {
    if (document) {
      nextTick(() => {
        document.title = page.value.title
      })
    }
  }

  changeTitle()
  router.afterEach(() => changeTitle())
})

[ramesh-dada]

Can you please tell me location of this file after 1 hour I gave up.