init

frontend/components/AppLogo.vue

@@ -0,0 +1,26 @@
+<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>