923e969bdf
SkwikLogo renders 📐 in an inline span sized via the existing `size`
prop (font-size = round(size * 0.9)). Favicon becomes an SVG with a
single <text> element rendering the same emoji.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
24 lines
461 B
Vue
24 lines
461 B
Vue
<script setup lang="ts">
|
|
withDefaults(
|
|
defineProps<{
|
|
size?: number
|
|
}>(),
|
|
{
|
|
size: 28,
|
|
}
|
|
)
|
|
</script>
|
|
|
|
<template>
|
|
<span
|
|
class="inline-flex items-center justify-center leading-none select-none"
|
|
:style="{
|
|
width: size + 'px',
|
|
height: size + 'px',
|
|
fontSize: Math.round(size * 0.9) + 'px',
|
|
}"
|
|
aria-label="Skwik logo"
|
|
role="img"
|
|
>📐</span>
|
|
</template>
|