Vue.js: What is the difference between watch and watchSyncEffect?

1<script setup>
2import { ref, watch, watchSyncEffect } from "vue"
3
4const count = ref(0)
5
6// Async
7watch(count, (val) => console.log(val))
8
9// Sync
10watchSyncEffect(() => {
11  document.title = `Count: ${count.value}`
12})
13</script>