docs: useSchemaOrg() doesn't seem to be reactive?

[michealroberts]

I'm wondering what the usage is for the useSchemaOrg because I can't seem to get a reactive change to occur.

A typical example of usage I have provided is the following:

import type { Ref } from 'vue'

import type { Product } from '@/types'

export const useProductJSONLD = (product: Ref<Product | undefined>) => {
  useSchemaOrg([
    defineProduct({
      name: computed(() => product.value?.title || ''),
      description: computed(() => product.value?.description || ''),
      sku: computed(() => product.value?.id || ''),
    })
  ]) 
}

However, the output seems to take from the default that looks to be provided in the head section of the nuxt.config.ts file:

Would it help if the input was made to be a MaybeComputedRef type ... ? I would be happy to PR for this.

Caveat - I'm using the Nuxt 3 module.

[harlan-zw]

Hey @michealroberts

Thanks for the issue. Not too sure what's going on here for the reactivity not to work.

With the release of @vueuse/head I'll be able to improve the reactivity quite a bit, so will look into this in the next week or so

[harlan-zw]

With the v2 release, all reactivity issues should be resolved.

Let me know if you have any issues with it