fix(vue-challenges): nextTick() API

sabertazimi · Aug 29, 2022 · e3e5683 · e3e5683
1 parent 2719391
commit e3e5683
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 2 deletions.
diff --git a/...nges/questions/11-next-dom-update/App.vue → ...nges/solutions/11-next-dom-update/App.vue b/...nges/questions/11-next-dom-update/App.vue → ...nges/solutions/11-next-dom-update/App.vue
@@ -1,16 +1,17 @@
 <script setup>
-import { ref } from 'vue';
+import { nextTick, ref } from 'vue';
 
 const count = ref(0);
 const counter = ref(null);
 
-function increment() {
+async function increment() {
   count.value++;
 
   /**
    * DOM is not yet updated, how can we make sure that the DOM gets updated
    * Make the output be true
    */
+  await nextTick();
   console.log(+counter.value.textContent === 1);
 }
 </script>

diff --git a/...es/questions/11-next-dom-update/README.md → ...es/solutions/11-next-dom-update/README.md b/...es/questions/11-next-dom-update/README.md → ...es/solutions/11-next-dom-update/README.md
diff --git a/...uestions/11-next-dom-update/index.test.ts → ...olutions/11-next-dom-update/index.test.ts b/...uestions/11-next-dom-update/index.test.ts → ...olutions/11-next-dom-update/index.test.ts