<script setup>
const {showDescription} = defineProps({
    showDescription: {
        type: Boolean,
        default: false,
    }
});
</script>

<template>
    <view :class="['x-link', showDescription?'x-description':'']">
        <slot></slot>
    </view>
</template>

<style lang="scss" scoped>
.x-link {
    color: var(--primary-color);
}

.x-description {
    text-decoration: underline;
}
</style>
