Cannot set title with useHead

Environment

• Operating System: macOS
• Node Version: v16.15.0
• Nuxt Version: 3.0.0-rc.3
• Package Manager: pnpm@7.1.7
• Builder: vite
• User Config: -
• Runtime Modules: -
• Build Modules: -

Describe the bug

head-management#example-usage-with-definepagemeta

Followed the example in the documentation, but the title is still localhost:3000/some-page.

Additional context

~/layouts/default.vue

<script setup>
	const route = useRoute()
	useHead({
		meta: [{ name: 'og:title', content: `App Name - ${route.meta.title}` }]
	})
</script>

<template>
	<div>
		<div>default</div>
		<slot></slot>
	</div>
</template>

~/pages/some-page.vue

<script setup>
	definePageMeta({
		title: 'Some Page'
	})
</script>

<template>
	<div>some-page</div>
</template>

[ghost]

@danielroe Here is the reproduction ashgo-x/nuxt-app.

[danielroe]

Apologies, that was my mistake. It should be:

<script setup>
const route = useRoute();
useHead({
  meta: [
    {
      name: 'og:title',
      content: computed(() => `App Name - ${route.meta.title}`),
    },
  ],
});
</script>

https://stackblitz.com/edit/github-wurrmm?file=layouts%2Fdefault.vue,pages%2Fsome-page.vue