Add user data to profile widget

client/src/components/profile/ProfileWidget.vue

@@ -1,19 +1,28 @@
 <template>
   <div class="profile-widget">
     <div class="profile-widget__avatar">
-      <avatar :editable="true"></avatar>
+      <avatar :avatar-url="me.avatarUrl" :editable="true"></avatar>
     </div>
-    <h3 class="profile-widget__name">Susanne Portmann</h3>
+    <h3 class="profile-widget__name">{{me.firstName}} {{me.lastName}}</h3>
   </div>
 </template>
 
 <script>
   import Avatar from '@/components/profile/Avatar';
+  import {meQuery} from '@/graphql/queries';
 
   export default {
     components: {
       Avatar
-    }
+    },
+
+    apollo: {
+      me: meQuery
+    },
+
+    data: () => ({
+      me: {}
+    })
   }
 </script>