Login to show name and surname

src/components/shared/navBar.vue

             </li>
             <li>
               <span v-if="showLogout">
-                <a>Welcome! {{ }}</a>
+                <a>Welcome! <br/> {{ username }}</a>
               </span>
               <span v-else></span>
             </li>
 
 export default {
   data() {
-    return {};
+    return {
+      username: localStorage.getItem('name'),
+    };
   },
   computed: {
     showLogout() {

src/store/modules/user/authentication.js

     status: '',
     token: localStorage.getItem('token') || '',
     user: {},
+    individual: {},
   },
   mutations: {
     auth_request(state) {
           .then((resp) => {
             console.log(resp.data);
             localStorage.setItem('token', resp.data.token);
+            localStorage.setItem('username', resp.data.username);
+            localStorage.setItem('name', resp.data.name);
             commit('auth_success', resp.data.token, resp.data);
           })
           .catch((err) => {
       return new Promise(() => {
         commit('logout');
         localStorage.removeItem('token');
+        localStorage.removeItem('username');
+        localStorage.removeItem('name');
         delete axios.defaults.headers.common.Authorization;
       });
     },