How to change meta description dynamically

[GowthamReddyAnala]

Hi,
I want to share links through various websites like linkedin, whatsapp etc. I want to update meta data dynamically after server fetch completed
But, below I have written basic update through serverPrefetch in this case title updating but description not getting update
for production and staging we check in https://metatags.io/
For local builds title and description update checks in the view-page-source. anyhow here title is updating but description not getting updating in quasar 1+ it is working

import { useMeta } from "quasar";
import { ref } from "vue";
export default {
	setup() {
		const title = ref("First page"); 
		const myDescription = ref({
			name: "description",
			content: "First page quasar app",
		});
		useMeta(() => {
			return {
				title: title,
				titleTemplate: (title) => `${title.value}`,
				meta: {
					description: myDescription.value,
				},
			};
		});
		const setMetaContent = () => {
			title.value = "Title Changed";
			myDescription.value = {
				name: "description",
				content: "Hey I am changed",
			};
		}
		return {
			setMetaContent,
		};
	},
	serverPrefetch() {
		this.setMetaContent();
	},
	mounted() {
		this.setMetaContent();
	},
};

[rstoenescu]

title: title is static. Should be title: title.value

[GowthamReddyAnala]

Hi @rstoenescu
Here my problem is meta description not getting update

[MilosPaunovic]

#12178 (reply in thread)

[GowthamReddyAnala]

@MilosPaunovic
-SSR Mode
In the above posted code snippet I am able to update meta title dynamically but not meta description

[zjhgx163]

same problem