37 lines
931 B
Vue
37 lines
931 B
Vue
<style scoped>
|
|
.district-logo {
|
|
display: block;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
max-height: 88px;
|
|
width: auto;
|
|
}
|
|
</style>
|
|
<template>
|
|
<Home :slug="slug">
|
|
<template #header>
|
|
<!-- Introduction Section -->
|
|
<HeaderDistrict :district="district" />
|
|
</template>
|
|
</Home>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import { ref } from "vue";
|
|
import { computedAsync } from "@vueuse/core";
|
|
import Home from "@/rmo/content/Home.vue";
|
|
import type { District } from "@/rmo/type";
|
|
import { useDistrictStore } from "@/rmo/store/district";
|
|
import HeaderDistrict from "@/components/HeaderDistrict.vue";
|
|
|
|
interface Props {
|
|
slug: string;
|
|
}
|
|
const props = defineProps<Props>();
|
|
const districtStore = useDistrictStore();
|
|
|
|
const district = computedAsync(async (): Promise<District | undefined> => {
|
|
const districts = await districtStore.get();
|
|
return districts.find((district: District) => district.slug == props.slug);
|
|
});
|
|
</script>
|