v1
- by robbinbaauw 8/19/202000
disable setup HTML
Setup HTML
<script src="https://pastebin.com/raw/ezXTtRDW"></script>
disable setup JavaScript
Setup JavaScript
// Normal
const { ref } = VueRuntimeCore;
const { useValueSync } = vueComposable;

const normalTrackedRefs = Array(50)
for (let i = 0; i < 50; i++) {
	normalTrackedRefs[i] = ref(i)
}

const normalValue = ref(100)
const normalSync = useValueSync(normalValue, normalTrackedRefs)

// With class
const { ref: classRef } = VueRuntimeCoreClass;
const { useValueSync: valueSyncClass } = vueComposableClass;

const classTrackedRefs = Array(50)
for (let i = 0; i < 50; i++) {
	classTrackedRefs[i] = classRef(i)
}

const classValue = classRef(100)
const classSync = valueSyncClass(classValue, classTrackedRefs)
delete caserun single casemove downdrag and drop case


ready



normalValue.value = 50
normalValue.value = 100
delete caserun single casemove updrag and drop case


ready



classValue.value = 50
classValue.value = 100
Test Case - click to add another test case
Teardown JS - click to add teardown JavaScript
Output (DOM) - click to monitor output (DOM) while test is running
RUN