11 - Next DOM update flush

[Voriskol]

<script setup>
import { ref, nextTick } from "vue"

const count = ref(0)
const counter = ref(null)

async function increment() {
  count.value++

  await nextTick()
  console.log(+counter.value.textContent === 1)
}
</script>

<template>
  <button ref="counter" @click="increment">
    {{ count }}
  </button>
</template>