<script setup>
useHead({
  meta: [
    { name: 'viewport', content: 'width=device-width, initial-scale=1' }
  ],
  link: [
    { rel: 'icon', href: '/favicon.ico' }
  ],
  htmlAttrs: {
    lang: 'en'
  }
})

import { version as VERSION } from '../package.json';

useSeoMeta({
  title: 'Dashboard OS',
  description: 'Your personal folder browser dashboard.',
})
</script>

<template>
  <UApp>
    <div class="h-screen w-screen flex flex-col overflow-hidden bg-gradient-to-br from-neutral-900 to-black text-white selection:bg-primary-500 selection:text-white">
      <main class="flex-1 overflow-hidden">
        <NuxtPage />
      </main>
      <footer class="py-4 text-center text-sm text-white/50 border-t border-white/5">
        Made with ♥ by Daryn van Vreden • Dashlio • v{{ VERSION }}
      </footer>
    </div>
  </UApp>
</template>
