update borrow page

src/pages/borrow.vue

@@ -2,7 +2,10 @@
   <q-page padding>
     <div class="q-pa-md">
       <q-banner dense inline-actions class="text-white bg-blue font-tajuk">
-        <div class="font-tajuk text-h6">
+        <div v-if="user.fullname" class="font-tajuk text-h7 ellipsis">
+          Borrow History for {{user.fullname}}
+        </div>
+        <div v-if="!user.fullname" class="font-tajuk text-h7">
           Borrow History
         </div>
       </q-banner>
@@ -53,6 +56,7 @@
 </template>
 
 <script>
+import { mapGetters } from "vuex"
 export default {
     data () {
       return {
@@ -77,6 +81,9 @@ export default {
         data: []
       }
     },
+    computed: {
+    ...mapGetters("user", ["user"]),
+  },
     methods: {
         findFines() {
             this.$refs.borrower_id.validate()