Vue3 同一画面だがmeta情報がパラメータごとに違う場合の反映方法

Question

前提・実現したいこと

現在Vue3+CodeIgniterAPIでSPAを開発しています。
Vue-Metaを使用して、トップページやアバウトページなどのパラメータがないページはmeta情報を登録することができました。
しかし、お知らせページや詳細ページなどのパラメータが必要なページでは、
個別のmeta情報が必要なのですが、そちらの登録がうまくいきません。
この問題を解決したいです。

トップページなど（想定通りの動作、パラメータが必要ないほう）

		useMeta({
			title: '【テスト】テスト',
			description:
				'ここに文章が入ります。',
		})

お知らせ詳細ページなど（個別のmeta情報が取得できない、パラメータが必要なほう）

		const notice = reactive({
			data: [],
		})

		// お知らせ取得
		const getNotice = async () => {
			const res = await axios.get(`/notice/detail/${route.params.id}`)
			notice.data.title = res.data.notice.title
		......
		}
		getNotice()

		useMeta({
			title: `【テスト】（${notice.data.title}）-新着情報`,
			description: `テストの（${notice.data.title}）です。`,
		})

試したこと

APIから取得したタイトルをuseMetaの中に入れてみたが、中身は空白で（${notice.data.title}）には何も入っていなかった。
【テスト】と-新着情報は正常に表示されていた。

補足情報（FW/ツールのバージョンなど）

Vue3.2.11
Vue CLI4.5.0

Answer 1

以下のURLを見ながら色々試したら自己解決できました。
https://www.npmjs.com/package/vue-meta/v/3.0.0-alpha.9
const { meta } = useMeta({title: ''})
のように一旦定数にしてからwatchEffectで監視するようにしたら正常な表示を確認できました。