%PDF-
%PDF-
Mini Shell
Mini Shell
<template>
<div class="text-white border border-l-8 border-yellow py-4 px-6 lg:px-8 text-center">
<h4 class="block text-lg text-yellow">{{ session.name }}</h4>
<div v-for="(product, key) in products"
v-bind:key="key"
class="my-6">
<span class="block text-2xl leading-5 text-white font-medium">{{ product.price.formatted }}</span>
<small class="block text-gray">({{ product.type }})</small>
</div>
<NuxtLink
v-if="is_booking_enabled"
:to="'/booking/'+slug+'?=session_type='+session.id"
class="w-full btn btn-small btn-secondary uppercase font-medium rounded-full">Book</NuxtLink>
</div>
</template>
<script>
export default {
props: {
session: Object,
products: Array,
is_booking_enabled: Boolean,
slug: {
type: String,
required: true
},
}
}
</script>
Zerion Mini Shell 1.0