%PDF-
%PDF-
Mini Shell
Mini Shell
<template>
<div class="page-wrapper">
<PageHeader classObject='bg-green'>
<img class="relative z-20 mb-8"
src="~assets/images/logo-white-small.svg" alt="Takeaseat" />
<h1 class="relative z-20 text-7xl mb-8">
<span class="block mb-3 font-bold">Success!</span>
<span class="block text-white text-5xl font-bold">Thanks for your booking!</span>
</h1>
<div class="relative z-20">
<NuxtLink class="btn btn-small btn-primary"
to="/bookings">Manage Bookings</NuxtLink>
</div>
</PageHeader>
<section v-if="bookings.length > 0">
<div class="max-w-5xl mx-auto w-full">
<Booking v-for="(booking, key) in bookings"
v-bind:key="key"
:booking="booking" />
</div>
</section>
</div>
</template>
<script>
export default {
middleware: 'success',
head () {
return {
titleTemplate: 'Thank you! | %s',
}
},
computed: {
bookings() {
return this.$store.state.booking.success.list
}
}
}
</script>
Zerion Mini Shell 1.0