<template>
	<div class="box" v-if="property.property_holiday_types">
		<h3 class="title-configs">Holiday types</h3>
		<v-row class="text-center">
			<v-col
				v-for="item in property.property_holiday_types"
				:key="item.id"
				cols="12"
				lg="4"
				md="4"
				sm="6"
			>
				<v-chip :prepend-icon="item.icon" variant="text">
					{{ item.name }}
				</v-chip>
			</v-col>
		</v-row>
	</div>
</template>

<script setup>
const { ref } = Vue;

const property = ref(window.useProperty(window.propertyData));
</script>
