25 lines
462 B
Vue
25 lines
462 B
Vue
<template>
|
|
<div v-if="special">
|
|
<span class="old-price text-neutral-content/70 line-through mr-1">{{ price }}</span>
|
|
<span class="curr-price font-medium">{{ special }}</span>
|
|
</div>
|
|
<div v-else class="font-medium">{{ price }}</div>
|
|
</template>
|
|
|
|
<script setup>
|
|
const props = defineProps({
|
|
price: String,
|
|
special: [String, Boolean],
|
|
});
|
|
</script>
|
|
|
|
<style scoped>
|
|
.old-price {
|
|
font-size: 0.65rem;
|
|
}
|
|
|
|
.curr-price {
|
|
font-size: .9rem;
|
|
}
|
|
</style>
|