27 lines
532 B
Vue
27 lines
532 B
Vue
<script setup lang="ts">
|
|
const props = withDefaults(
|
|
defineProps<{
|
|
src?: string;
|
|
alt?: string;
|
|
size?: number | string;
|
|
}>(),
|
|
{
|
|
src: "/icons/app-icon-192.png",
|
|
alt: "Антигол",
|
|
size: 40
|
|
}
|
|
);
|
|
|
|
const resolvedSize = computed(() => (typeof props.size === "number" ? `${props.size}px` : props.size));
|
|
</script>
|
|
|
|
<template>
|
|
<img
|
|
:src="src"
|
|
:alt="alt"
|
|
:style="{ width: resolvedSize, height: resolvedSize }"
|
|
class="block shrink-0 object-contain"
|
|
draggable="false"
|
|
/>
|
|
</template>
|