refactor(app): extract page logic into composable drivers

2026-05-19 16:38:08 +08:00
parent 2b780a12c2
commit 51fbbd7101
13 changed files with 576 additions and 692 deletions
@@ -0,0 +1,29 @@
+<script setup lang="ts">
+import PageIndex from '@/components/PageIndex.vue'
+import type { HomeNewsItem, HomePageModel, HomeQuickItem } from '@/composables/page-drivers/useHomePage'
+
+defineProps<{
+  page: HomePageModel
+  selectedNews: HomeNewsItem | null
+}>()
+
+const emit = defineEmits<{
+  news: [item: HomeNewsItem]
+  'message-center': []
+  quick: [item: HomeQuickItem]
+}>()
+
+const isNewsDialogOpen = defineModel<boolean>('newsDialogOpen', { default: false })
+</script>
+
+<template>
+  <PageIndex
+    v-model:is-news-dialog-open="isNewsDialogOpen"
+    :news-items="page.newsItems"
+    :quick-items="page.quickItems"
+    :selected-news="selectedNews"
+    @message-center="emit('message-center')"
+    @news="emit('news', $event)"
+    @quick="emit('quick', $event)"
+  />
+</template>