متابعة الاعتماديات تلقائيا بإستخدام watchEffect

<script setup>
import { ref, watchEffect, onUnmounted } from "vue";
const count = ref(0);
const originalTitle = document.title;
watchEffect(() => { document.title = `Count ${count.value}`; });
onUnmounted(() => { document.title = originalTitle; });
</script>

<template>
<button @click="count++">{{ count }}</button>
</template>