Establish basic pattern for compliance data flow

We can get location, images, and string data. It's the trifecta.
This commit is contained in:
Eli Ribble 2026-04-09 17:35:00 +00:00
parent 8d6976c770
commit a6912929a7
No known key found for this signature in database
3 changed files with 81 additions and 75 deletions

View file

@ -18,7 +18,13 @@ body > .container-fluid {
<template>
<template v-if="district">
<router-view v-slot="{ Component }">
<component :is="Component" :district="district" @doLocator="doLocator" />
<component
:is="Component"
:district="district"
@doComments="doComments"
@doImages="doImages"
@doLocator="doLocator"
/>
</router-view>
</template>
<template v-else>
@ -30,6 +36,7 @@ body > .container-fluid {
import { computed, onMounted, ref } from "vue";
import { computedAsync } from "@vueuse/core";
import type { Image } from "@/components/ImageUpload.vue";
import { useStoreDistrict } from "@/rmo/store/district";
import Intro from "@/rmo/content/compliance/Intro.vue";
import type { District } from "@/type/api";
@ -46,6 +53,12 @@ const district = computedAsync(async (): Promise<District | undefined> => {
const districts = await districtStore.list();
return districts.find((district: District) => district.slug == props.slug);
});
function doComments(comments: string) {
console.log("comments", comments);
}
function doImages(images: Image[]) {
console.log("images", images);
}
function doLocator(locator: Locator | null) {
console.log("locator", locator);
}