source: ReserveNGo-frontend/src/components/Project/Locale_details.vue@ a0e93df

<script>


import { restaurantStore } from '@/PiniaStores/restaurantStore.js'

export default {
  data(){
    return {
      restaurant:{
        name: '',
        address: ''
      },
      restaurantStore: restaurantStore()
    }
  }
}

</script>

<template>
    <div id="container" class="border px-5 py-2">
      <p>Local details...</p>
      <p>Working hours: {{restaurantStore.workingHours}}</p>
      <ul>
        <li>Service 1</li>
        <li>Service 2</li>
        <li>Service 3</li>
      </ul>
      <p>Average rating...</p>
      <button class="btn btn-dark">More details</button>
      <button class="btn btn-dark ms-2">Make reservation</button>
    </div>
</template>

<style scoped>

#container {

  font-size: 20px;

}

</style>