From 65756e999ba1d1fd0514db04f4e46b02468d9df6 Mon Sep 17 00:00:00 2001
From: Andreas Zweili <andreas@2li.ch>
Date: Fri, 30 Jul 2021 15:10:09 +0200
Subject: [PATCH] replace data with setup/ref

---
 .../src/App.vue                                  | 16 ++++++++++++----
 1 file changed, 12 insertions(+), 4 deletions(-)

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 c2eb6b4..cd1fbdd 100644
--- a/2021-07-30_composition-01-starting-setup/src/App.vue
+++ b/2021-07-30_composition-01-starting-setup/src/App.vue
@@ -5,12 +5,20 @@
 </template>
 
 <script>
+import { ref } from 'vue';
+
 export default {
-  data() {
+  setup() {
+    const userName = ref('Foo Bar');
+
+    setTimeout(function() {
+      userName.value = 'baz';
+    }, 2000);
+
     return {
-      userName: 'Maximilian',
+      userName
     };
-  },
+  }
 };
 </script>
 
@@ -35,4 +43,4 @@ body {
   padding: 1rem;
   text-align: center;
 }
-</style>
\ No newline at end of file
+</style>