18 lines
413 B
Vue
18 lines
413 B
Vue
<script setup lang="ts">
|
|
defineProps<{
|
|
titleI18n: string;
|
|
hslaColor?: string;
|
|
}>();
|
|
</script>
|
|
|
|
<template>
|
|
<span
|
|
class="rounded flex flex-center q-pa-xs"
|
|
:style="`color: hsla(var(${!!hslaColor ? hslaColor : '--green-6-hsl'}) / 0.8); background: hsla(var(${!!hslaColor ? hslaColor : '--green-6-hsl'}) / 0.1); `"
|
|
>
|
|
🞄
|
|
{{ $t(titleI18n) }}
|
|
</span>
|
|
</template>
|
|
|
|
<style scoped></style>
|