wally-dice/web/components/Banner.vue

<script setup>
import { ref } from 'vue'

defineProps({
    msg: String,
})

const count = ref(0)
</script>

<template>
    <main class="w-full justify-center px-3 py-2 mx-auto bg-rose-500">
        <a
            href="https://repo.hos.im/nyusternie/wally-dice"
            target="_blank"
            class="text-gray-100 text-center font-bold group"
        >
            <h2 class="text-xl">Wally Dice is 100% Free &amp; Open-Source Software</h2>
            <h3 class="text-lg group-hover:underline">https://repo.hos.im/nyusternie/wally-dice</h3>
            <h1 class="text-2xl">Wally Dice is still ALPHA. Use at YOUR OWN RISK!</h1>
        </a>
    </main>
</template>