<template>
    <div class="w-full max-w-md mx-auto space-y-6">
        <slot />
    </div>
</template>

<script setup lang="ts">
console.log('hello');

useHead({
    title: 'TitanCasket',
    meta: [
        { name: 'viewport', content: 'width=device-width, initial-scale=1' },
        { name: 'description', content: 'This is my awesome app' },
    ],
    bodyAttrs: {
        class: 'min-h-screen bg-gradient-to-bl from-titan-green-700 to-titan-green-900 flex items-center justify-center p-4',
    },
});
</script>
