Vue 3 "cheap" computed

cheapComputed.ts

import { computed, ref } from "vue";
import { ComputedGetter, pauseTracking, resetTracking } from "@vue/reactivity";

// if no version, not work for objects/arrays...
export function cheapComputed<T, K = T>(getValue: ComputedGetter<T>, getVersion?: ComputedGetter<K>) {
	const value = computed(getValue);
	const version = getVersion ? computed(getVersion) : value;
	const lastValue = ref<T>();
	const lastVersion = ref<K>();
	const changed = computed(() => version.value !== lastVersion.value);
	return {
		get value() {
			update();
			return lastValue.value as T;
		},
		get version() {
			update();
			return lastVersion.value as K;
		},
	}
	function update() {
		if (changed.value) {
			pauseTracking();
			lastVersion.value = version.value as K;
			lastValue.value = value.value;
			resetTracking();
		}
	}
}