reactive variable in apollo and urql

[shtse8]

It seem codegen variable generated couldn't support Ref<T> as a variable, and only allow me to pass whole variables as Ref<Variable>

For example, in typescript-vue-urql

// it's ok
const { data, error, fetching, executeQuery, pause, resume, operation } = await useArticlesQuery({
  variables: computed(() => ({
    after: after.value,
    locales: locales.value,
    orderBy: ArticleOrderBy.ViewedAt,
    order: Order.Desc,
    first: 5,
  })),
})


// but not
const { data, error, fetching, executeQuery, pause, resume, operation } = await useArticlesQuery({
  variables: {
    after: after, // after is Ref<string>
    locales: locales, // locales is Ref<string[]>
    orderBy: ArticleOrderBy.ViewedAt,
    order: Order.Desc,
    first: 5,
  },
})

Reactive variable is allowed in both vue-apollo and vue-urql, it's working perfect without any issue. But after codegen, the variable type generated without Ref<T>, so it won't allow me to pass Ref<T> as a variable.

Any plugin I am missing to allow this support?