fix(vue-challenges): complete ref family challenge

sabertazimi · Aug 25, 2022 · b25f88f · b25f88f
1 parent 499f71a
commit b25f88f
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 8 deletions.
diff --git a/packages/vue-challenges/README.md b/packages/vue-challenges/README.md
diff --git a/...challenges/questions/2-ref-family/App.vue → ...challenges/solutions/2-ref-family/App.vue b/...challenges/questions/2-ref-family/App.vue → ...challenges/solutions/2-ref-family/App.vue
@@ -1,31 +1,32 @@
 <script setup lang="ts">
 import type { Ref } from 'vue';
-import { reactive, ref } from 'vue';
+import { isRef, reactive, ref, toRef, unref } from 'vue';
 
 const initial = ref(10);
 const count = ref(0);
 
 // Challenge 1: Update ref
-function update(value) {
+function update(value: number) {
   // impl...
+  count.value = value;
 }
 
 /**
  * Challenge 2: Check if the `count` is a ref object.
  * Make the output be 1
  */
-console
-  .log
+console.log(
   // impl ? 1 : 0
-  ();
+  isRef(count) ? 1 : 0
+);
 
 /**
  * Challenge 3: Unwrap ref
  * Make the output be true
  */
 function initialCount(value: number | Ref<number>) {
   // Make the output be true
-  console.log(value === 10);
+  console.log(unref(value) === 10);
 }
 
 initialCount(initial);
@@ -41,7 +42,7 @@ const state = reactive({
   foo: 1,
   bar: 2,
 });
-const fooRef = ref(); // change the impl...
+const fooRef = ref(toRef(state, 'foo')); // change the impl...
 
 // mutating the ref updates the original
 fooRef.value++;

diff --git a/...allenges/questions/2-ref-family/README.md → ...allenges/solutions/2-ref-family/README.md b/...allenges/questions/2-ref-family/README.md → ...allenges/solutions/2-ref-family/README.md
diff --git a/...nges/questions/2-ref-family/index.test.ts → ...nges/solutions/2-ref-family/index.test.ts b/...nges/questions/2-ref-family/index.test.ts → ...nges/solutions/2-ref-family/index.test.ts