set-title-using-data.js

// /pages/+title.js
// Environment: server, client

// This title function applies to all our pages /pages/**/+page.js
export { title }

import { useData } from 'vike/react' // or 'vike-vue' / 'vike-solid'

// If a page fetches data and data.title is defined, then use it to set the page's title (i.e the value of <title>).
function title() {
  const data = useData()
  return data?.title || 'SpaceX'
}