extendRef

const myRef = ref('content');
const extended = extendRef(myRef, { foo: 'bar' });
extended.value; // 'content'
extended.foo; // 'bar'

// reactive extension: unwrapped two-way by default
const count = ref(0);
const extended = extendRef(count, { double: computed(() => count.value * 2) });
extended.double; // 0 (no .value needed)

// keep refs as refs with unwrap: false
const extended = extendRef(ref(0), { inner: ref(1) }, { unwrap: false });
extended.inner.value; // 1

export function extendRef<R extends Ref<unknown>, Extend extends object, Options extends ExtendRefOptions<false>>(ref: R, extend: Extend, options: Options): R & ShallowUnwrapRef<Extend>;

export function extendRef<R extends Ref<unknown>, Extend extends object, Options extends ExtendRefOptions>(ref: R, extend: Extend, options?: Options): R & Extend;