<script setup lang="ts">
import { onMounted } from 'vue'

onMounted(() => {
  // Initialize theme
  if (localStorage.getItem('theme') === 'dark' || 
      (!localStorage.getItem('theme') && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
    document.documentElement.classList.add('dark')
  }
})
</script>

<template>
  <div class="min-h-screen bg-background flex items-center justify-center">
    <slot />
  </div>
</template>
