From 5e54aa06de6ae88bf2b55908be1f10b91cb68019 Mon Sep 17 00:00:00 2001
From: Andreas Zweili <andreas@zweili.ch>
Date: Sat, 4 Sep 2021 14:51:44 +0200
Subject: [PATCH] rewrite it to the composition API

---
 .../src/components/UserData.vue                     | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/2021-07-30_composition-01-starting-setup/src/components/UserData.vue b/2021-07-30_composition-01-starting-setup/src/components/UserData.vue
index b043780..ba9a70a 100644
--- a/2021-07-30_composition-01-starting-setup/src/components/UserData.vue
+++ b/2021-07-30_composition-01-starting-setup/src/components/UserData.vue
@@ -4,12 +4,17 @@
 </template>
 
 <script>
+import { computed } from 'vue';
 export default {
   props: ['firstName', 'lastName', 'age'],
-  computed: {
-    userName() {
-      return this.firstName + ' ' + this.lastName;
-    }
+  setup(props) {
+    const userName = computed(function() {
+      return props.firstName + ' ' + props.lastName;
+    });
+
+    return {
+      userName
+    };
   }
 };
 </script>