<template>
  <div id="app" class="min-h-screen">
    <RouterView />
    
    <!-- Mobile Navigation (hidden on desktop) -->
    <MobileNav />
    
    <!-- Toast Notifications -->
    <ToastContainer />
  </div>
</template>

<script setup lang="ts">
import { onMounted } from 'vue'
import { useAuthStore } from './stores/auth'
import MobileNav from './components/MobileNav.vue'
import ToastContainer from './components/ToastContainer.vue'

const authStore = useAuthStore()

onMounted(async () => {
  // Initialize authentication on app mount
  await authStore.initialize()
})
</script>
