ssr Meta plugin problem: can't make meta title prop reactive according the document "https://quasar.dev/quasar-plugins/meta#reactive"

[zjhgx163]

Hi,
I want to dynamically change page title prop and meta tag infomation for better SEO. The version is quasarv2.11.6, ssr mode. The result is that title prop cannot been changed dynamically but meta tag has been change. The page title seems has been changed through inspect tool of Chrome, but I think it is changed in client runtime. If you check the network response you will find the page title is still old which the search engine actually see.

  setup() {
    console.log('DetailPage setup');
    const title = ref('old title ');
    const meta = reactive({
      description: {
        name: 'description',
        content: 'old description',
      },
    });

    useMeta(() => {
      return {
        // whenever "title" from above changes, your meta will automatically update
        title: title.value, 
        meta: meta,
      };
    });

    function setAnotherTitle(value) {
      title.value = value; // will automatically trigger a Meta update due to the binding
    }

    return {
      setAnotherTitle,
      meta,
    };
  },

  created() {
    this.setAnotherTitle('new title');
    this.meta.description.content = 'new meta';
  },

I found out that the result is correct if change the code to below, which conflict with document.

  setup() {
    console.log('DetailPage setup');
    const title = ref('old title ');
    const meta = reactive({
      description: {
        name: 'description',
        content: 'old description',
      },
    
    useMeta(() => {
      return {
        // whenever "title" from above changes, your meta will automatically update
        title: title,
        titleTemplate: (title) => `${title.value}`,
        meta: meta,
      };
    });

The simlar question is 12388
Please check if any mistake in document.