This one-liner in svelte will execute anytime the value of someVar changes.
$: console.log({someVar});
Svelte calls this a reactive declaration, the code after the $ label, what Svelte calls the "destiny operator" will be executed whenever any variables referenced within it change.
This is really useful for debugging. Does Vue have something similar?
The most similar API would probably be watchEffect():
watchEffect(() => console.log(someVar.value))
Example:
<script setup>
import { ref, watchEffect } from 'vue'
const someVar = ref(0)
watchEffect(() => console.log(someVar.value))
</script>
<template>
<button @click="someVar++">Increment {{ someVar }}</button>
</template>