Added name to other views from store

src/components/UpdateUserComponents/UpdateUserLayout.vue

@@ -108,9 +108,10 @@ onMounted(()=>{
     <div class="row">
       <div class="col-md-2 text-center">
         <img src="/src/assets/userprofile.png" class="img-fluid" alt="userprofile">
-        <p class="h2">Username</p>
+        <p class="h2">{{useUserInfoStore().getFirstName}}</p>
       </div>
       <div class="col-md-10">
+        <!-- May need to deactive @submit.prevent -->
         <form ref="formRef" @submit.prevent="handleSubmit" id="newForm">
           <div class="row">
             <div class="form-group col-md-6" >

src/components/UserProfile/UserProfileLayout.vue

@@ -3,6 +3,7 @@
 import Menu from "@/components/BaseComponents/Menu.vue";
 import Footer from "@/components/BaseComponents/Footer.vue";
 import {useRouter} from "vue-router";
+import {useUserInfoStore} from "../../stores/UserStore";
 
 let numberOfHistory = 6;
 
@@ -26,7 +27,7 @@ function toUpdateUserSettings(){
     <div class="row">
       <div class="col">
         <img src="/src/assets/userprofile.png" class="img-fluid">
-        <p class="h2">Username</p>
+        <p class="h2">{{useUserInfoStore().getFirstName}}</p>
         <p><a class="link-dark" @click="toUpdateUserSettings" href="#">Edit profile</a></p>
       </div>
     </div>