diff --git a/2021-07-30_composition-01-starting-setup/src/App.vue b/2021-07-30_composition-01-starting-setup/src/App.vue
index 7dbeb69..56a88b6 100644
--- a/2021-07-30_composition-01-starting-setup/src/App.vue
+++ b/2021-07-30_composition-01-starting-setup/src/App.vue
@@ -6,18 +6,18 @@
 </template>
 
 <script>
-import { ref } from 'vue';
+import { reactive } from 'vue';
 
 export default {
   setup() {
-    const user = ref({
+    const user = reactive({
       name: 'Foo',
       age: 23
     });
 
     setTimeout(function() {
-      user.value.name = 'baz';
-      user.value.age = '25';
+      user.name = 'baz';
+      user.age = '25';
     }, 2000);
 
     return {