frontend/components/HmsLogo.vue

<template>
  <svg class="hms-logo-svg" viewBox="0 0 200 200" :style="`height:${size}px;width:auto`" aria-label="HMS Licht & Ton Logo" role="img">
    <path fill="currentColor" d="M166.266,172.872h-37.687v-60.718H74.226v60.718H36.539V26.956h37.687v56.335h54.354V26.956h37.687V172.872z" />
    <rect x="23.598" y="15.343" fill="none" stroke="#EC6925" stroke-width="15.1525" stroke-miterlimit="10" width="155.612" height="168.874" />
  </svg>
</template>

<script setup lang="ts">
withDefaults(defineProps<{ size?: number }>(), { size: 40 })
</script>
T01: Frontend Foundation – Nuxt 3 + Tailwind + Design Tokens + Layout + Meta 2026-07-09 01:17:35 +02:00			`<template>`
fix: 1:1 prototype port – exact hms-* CSS, real logo, all components from app.js 2026-07-10 22:28:26 +02:00			<svg class="hms-logo-svg" viewBox="0 0 200 200" :style="`height:${size}px;width:auto`" aria-label="HMS Licht & Ton Logo" role="img">
			`<path fill="currentColor" d="M166.266,172.872h-37.687v-60.718H74.226v60.718H36.539V26.956h37.687v56.335h54.354V26.956h37.687V172.872z" />`
			`<rect x="23.598" y="15.343" fill="none" stroke="#EC6925" stroke-width="15.1525" stroke-miterlimit="10" width="155.612" height="168.874" />`
T01: Frontend Foundation – Nuxt 3 + Tailwind + Design Tokens + Layout + Meta 2026-07-09 01:17:35 +02:00			`</svg>`
			`</template>`

			`<script setup lang="ts">`
fix: 1:1 prototype port – exact hms-* CSS, real logo, all components from app.js 2026-07-10 22:28:26 +02:00			`withDefaults(defineProps<{ size?: number }>(), { size: 40 })`
T01: Frontend Foundation – Nuxt 3 + Tailwind + Design Tokens + Layout + Meta 2026-07-09 01:17:35 +02:00			`</script>`