Index: ReserveNGo-frontend/src/PiniaStores/UserStore.js
===================================================================
--- ReserveNGo-frontend/src/PiniaStores/UserStore.js	(revision 231918f6b20ce4031e659ff4a3fa2ec3a7e0f171)
+++ ReserveNGo-frontend/src/PiniaStores/UserStore.js	(revision c3d32662efa113e3f986fb7117ad2ff345c574a8)
@@ -55,4 +55,10 @@
 
 
+
+  },
+  getters: {
+    getToken(){
+      return 'Bearer ' + this.data.token;
+    }
   }
 
Index: ReserveNGo-frontend/src/components/Project/favourite_locals.vue
===================================================================
--- ReserveNGo-frontend/src/components/Project/favourite_locals.vue	(revision 231918f6b20ce4031e659ff4a3fa2ec3a7e0f171)
+++ ReserveNGo-frontend/src/components/Project/favourite_locals.vue	(revision c3d32662efa113e3f986fb7117ad2ff345c574a8)
@@ -1,21 +1,31 @@
-<script setup>
-import Locale_ from '@/components/Project/Locale_.vue'
+<script>
+import { userStore } from '@/PiniaStores/UserStore.js'
+export default {
+  data() {
+    return {
+      locals:[],
+      userStore_:userStore(),
+    }
+  },
+  beforeMount() {
+     fetch(`http://localhost:8080/api/customer/favourite-locals`,{
+      method: 'GET',
+      headers: {
+        'Authorization': this.userStore_.getToken
+      }
+    })
+      .then(res => res.json())
+      .then(data => this.locals = data)
+      .catch(err => console.log(err))
+  },
+}
 </script>
 
 <template>
-
-  <div id="container " class="border container-xxl">
-
-    <locale_/>
-    <locale_/>
-    <locale_/>
-    <locale_/>
-    <locale_/>
-
+  <div id="container " class="border container-xxl" v-for="local in locals" :key="local">
+    <h3>{{local.name}}</h3>
+    <h3>{{local.address}}</h3>
   </div>
-
 </template>
 
-<style scoped>
-
-</style>
+<style scoped></style>
Index: ReserveNGo-frontend/src/components/Project/local_in_local_listing.vue
===================================================================
--- ReserveNGo-frontend/src/components/Project/local_in_local_listing.vue	(revision 231918f6b20ce4031e659ff4a3fa2ec3a7e0f171)
+++ ReserveNGo-frontend/src/components/Project/local_in_local_listing.vue	(revision c3d32662efa113e3f986fb7117ad2ff345c574a8)
@@ -3,4 +3,5 @@
 
 import { restaurantStore } from '@/PiniaStores/restaurantStore.js'
+import { userStore } from '@/PiniaStores/UserStore.js'
 
 export default {
@@ -14,6 +15,7 @@
       }*/
 
+      userStore_: userStore(),
+    }
 
-    }
   },
   props: {
@@ -48,4 +50,12 @@
       console.log(restaurantStore().id)
 
+    },
+    async addToFavorites(){
+       fetch(`http://localhost:8080/api/customer/favourite-locals/add/${this.local.id}`,{
+        method: 'POST',
+        headers: {
+          'Authorization': this.userStore_.getToken
+        }
+      }).catch(error => console.log(error))
     }
   }
@@ -65,5 +75,5 @@
     </div>
     <div class="like">
-    <button class="btn btn-dark">Add to favourites</button>
+    <button class="btn btn-dark" @click="addToFavorites()">Add to favourites</button>
     </div>
   </div>