refactor(app): extract page logic into composable drivers

src/components/pages/PageFunction.vue

@@ -0,0 +1,13 @@
+<script setup lang="ts">
+import type { FunctionPageModel } from '@/composables/page-drivers/useFunctionPage'
+
+defineProps<{
+  page: FunctionPageModel
+}>()
+</script>
+
+<template>
+  <v-sheet height="100%" width="100%">
+    {{ page.fncId }}
+  </v-sheet>
+</template>

src/components/pages/PageHome.vue

@@ -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>

src/components/pages/PageSettings.vue

@@ -0,0 +1,11 @@
+<script setup lang="ts">
+import type { SettingsPageModel } from '@/composables/page-drivers/useSettingsPage'
+
+defineProps<{
+  page: SettingsPageModel
+}>()
+</script>
+
+<template>
+  <div>{{ page.title }}</div>
+</template>