#6 Display Trainer Name on Navigation Bar if Logged In

See #6 (closed) for detail.

src/components/NavigationBar.vue

@@ -10,11 +10,16 @@
     ></v-app-bar-nav-icon>
     <v-toolbar-title>FITMIN</v-toolbar-title>
     <v-spacer></v-spacer>
+    <span
+      v-if="isLogin"
+    >
+      {{ loginUser.name }}{{ loginUser.nickname ? `(${loginUser.nickname})` : '' }} 트레이너
+    </span>
   </v-app-bar>
 </template>
 
 <script>
-import { mapActions } from 'vuex';
+import { mapState, mapGetters, mapActions } from 'vuex';
 
 export default {
   name: 'NavigationBar',
@@ -23,6 +28,15 @@ export default {
     navDrawer: Boolean,
   },
 
+  computed: {
+    ...mapState([
+      'loginUser',
+    ]),
+    ...mapGetters([
+      'isLogin',
+    ]),
+  },
+
   methods: {
     ...mapActions([
       'toggleNavDrawer',