<script setup lang="ts">
import { Outline } from '@/components/ui/outline';
import Frame from '@/components/ui/frame/Frame.vue';

definePageMeta({
    layout: false,
})
</script>

<template>
    <NuxtLayout name="clear">
        <template #header>
            <Outline side="bottom" padding="dense" class="w-full">
                <div class="flex gap-8 w-full items-center">
                    <h2 class="scroll-m-20 text-3xl font-semibold tracking-tight transition-colors first:mt-0">
                        Tracks
                    </h2>
                </div>
            </Outline>
        </template>
        <div class="w-full">
            <Frame>
                Hello
            </Frame>
        </div>
    </NuxtLayout>
</template>
