<script setup lang="ts">
useSeoMeta({
  title: 'Feed - LastWebNovel',
  description: 'Latest updates from your followed novels'
})
</script>

<template>
  <UDashboardPanel id="feed">
    <template #header>
      <UDashboardNavbar title="Feed" :ui="{ right: 'gap-3' }">
        <template #leading>
          <UDashboardSidebarCollapse />
        </template>
      </UDashboardNavbar>
    </template>

    <template #body>
      <UContainer class="py-8">
        <div class="text-center py-12">
          <UIcon name="i-lucide-message-square" class="size-12 mx-auto mb-4 text-gray-400" />
          <h3 class="text-lg font-semibold mb-2">Your feed is empty</h3>
          <p class="text-gray-600 dark:text-gray-400 mb-4">Follow novels to see their latest updates here</p>
          <p class="text-sm text-gray-500">Follow your favorite novels from their detail page to get notified of new chapters</p>
        </div>
      </UContainer>
    </template>
  </UDashboardPanel>
</template>
