Vue, back edited,added

frontend/src/components/ProfileAbout.vue

@@ -7,14 +7,26 @@
       <img src="@/assets/images/1.1.jpg" alt="">
     </div>
     <div class="about_describtions">
-      <h3>Занимаюсь продажей квартир более 10 лет.</h3>
+      <h4>Имя Фамилия: </h4><h3>{{ name }}</h3>
+      <h4>Почта: </h4><h3>{{ user.email }}</h3>
+      <h4>Телефон: </h4><h3>{{ user.phone || 'Не указано' }}</h3>
     </div>
   </div>
 </template>
 
 <script>
+import {mapGetters} from "vuex";
+
 export default {
-  name: "ProfileAbout"
+  name: "ProfileAbout",
+  computed: {
+    ...mapGetters({ user: 'user' }),
+    name() {
+      return this.user.last_name && this.user.first_name && this.user.middle_name
+          ? `${this.user.last_name} ${this.user.first_name} ${this.user.middle_name}`
+          : 'Не указано';
+    }
+  }
 }
 </script>