27 lines
499 B
Vue
27 lines
499 B
Vue
<script setup lang="ts">
|
|
const fontSize = {
|
|
small: "12px",
|
|
normal: "inherit",
|
|
big: "44px",
|
|
};
|
|
|
|
interface Props {
|
|
size?: keyof typeof fontSize;
|
|
}
|
|
|
|
const props = withDefaults(defineProps<Props>(), { size: "normal" });
|
|
|
|
const style = `font-size: ${fontSize[props.size]}`;
|
|
</script>
|
|
|
|
<template>
|
|
<span class="julien-calixte" :style="style">Julien Calixte</span>
|
|
</template>
|
|
|
|
<style scoped lang="scss">
|
|
.julien-calixte {
|
|
font-variant: normal;
|
|
font-family: "Meow Script", cursive;
|
|
}
|
|
</style>
|