useReactiveVar equivalent for Vue?

[sschneider-ihre-pvs]

I handcrafted this ugly thing based on the useReactiveVar hook from apollo client react

import { watch, ref, unref } from 'vue';
import type { ReactiveVar } from '@apollo/client/core';

export function useReactiveVar<T>(rv: ReactiveVar<T>): T {
    const refReactiveVar = ref(rv());
    const setValue = (val) => {
        refReactiveVar.value = val;
        rv(val);
    }

  watch(
    refReactiveVar,
    (newValue, oldValue) => {
      if (newValue !== oldValue) {
        setValue(newValue);
      } else {
        return rv.onNextChange(setValue);
      }
    },
    { immediate: true }
  );

  return (unref(refReactiveVar) as ReactiveVar<T>)();
}

would this work? And is it at all necessary for the use of makeVar? I mean, somehow you have to sync two reactive variables if you use makeVar if I see this correctly.