<script setup lang="ts">
import AppFooterView, { type AppInfo } from './AppFooterView.vue'

// Wrapper: handles data fetching, delegates rendering to AppFooterView.
// Separation of concerns (SRP) - same pattern as HealthDashboard / HealthDashboardView.
// server: false → fetch client-side only. Avoids SSR fetching through the dev proxy
// (which can fail in some local setups), and lets Playwright route mocks apply.
const { data, pending, error } = useFetch<AppInfo>('/api/info', { server: false })
</script>

<template>
  <AppFooterView :data="data" :pending="pending" :error="error" />
</template>
