45 lines
1.2 KiB
Vue
45 lines
1.2 KiB
Vue
<template>
|
|
<Home>
|
|
<template #header>
|
|
<!-- Introduction Section -->
|
|
<template v-if="district">
|
|
<section class="py-5 bg-primary text-white">
|
|
<div class="container">
|
|
<div class="row justify-content-center">
|
|
<div class="col-lg-10">
|
|
<h2 class="text-center mb-4">Report a Mosquito Problem</h2>
|
|
<p class="lead text-center">
|
|
Submit a report to help reduce mosquito activity in your
|
|
neighborhood.
|
|
</p>
|
|
<p class="lead text-center">
|
|
Report Mosquitoes Online works with local mosquito control
|
|
agencies to receive public reports.
|
|
</p>
|
|
<p class="lead text-center">
|
|
For this area, mosquito control services are provided by
|
|
</p>
|
|
<h3 class="text-center">{{ district.name }}</h3>
|
|
<img class="district-logo" src="{{ district.url_logo }}" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</template>
|
|
<template v-else>
|
|
<p>loading</p>
|
|
</template>
|
|
</template>
|
|
</Home>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import { ref } from "vue";
|
|
import Home from "@/rmo/content/Home.vue";
|
|
|
|
interface District {
|
|
name: string;
|
|
url_logo: string;
|
|
}
|
|
const district = ref<District | null>(null);
|
|
</script>
|