docs(pages): clarify page driver component boundaries

Add inline comments to page components documenting how page models, v-model state, and emitted user intents flow through the page driver. This clarifies that page components remain presentation-focused while routing, dialog state, CRUD side effects, and command handling stay in the page driver or related composables.docs(pages): clarify page driver component boundaries Add inline comments to page components documenting how page models, v-model state, and emitted user intents flow through the page driver. This clarifies that page components remain presentation-focused while routing, dialog state, CRUD side effects, and command handling stay in the page driver or related composables.
2026-05-22 15:09:54 +08:00
parent 9e8cf28d77
commit cad44db4c7
15 changed files with 556 additions and 1 deletions
@@ -0,0 +1,16 @@
+<script setup lang="ts">
+import PageSectionQueryPageDemo from '@/components/pages/PageSectionQueryPageDemo.vue'
+import { useSectionsDemoPage } from '@/composables/page-drivers/useSectionsDemoPage'
+
+// Demo view 維持薄層，只掛 page driver，並把 page model / actions 傳給 page component。
+const page = useSectionsDemoPage()
+</script>
+
+<template>
+  <PageSectionQueryPageDemo
+    v-model:query-filters="page.queryFilters.value"
+    :page="page.pageModel.value"
+    @back="page.handleQueryBack"
+    @search="page.handleQuerySearch"
+  />
+</template>