Format report IDs with hyphens

This commit is contained in:
Eli Ribble 2026-04-28 05:33:53 +00:00
parent 68adab88bc
commit 8fcd926d43
No known key found for this signature in database
2 changed files with 8 additions and 4 deletions

View file

@ -49,8 +49,8 @@
report updates.
</p>
<div class="alert alert-secondary py-3 mt-3">
<strong>Report ID:</strong>
<span class="fs-5">{{ id }}</span>
<strong>Report ID: </strong>
<span class="fs-5">{{ formatReportID(id) }}</span>
</div>
</div>
@ -170,6 +170,8 @@
</div>
</template>
<script setup lang="ts">
import { formatReportID } from "@/format";
interface Props {
id: string;
}

View file

@ -30,8 +30,8 @@
<div class="card-body p-4">
<div class="text-center mb-4">
<div class="alert alert-info py-3">
<strong>Your Report ID:</strong>
<span class="fs-4 fw-bold">{{ id }}</span>
<strong>Your Report ID: </strong>
<span class="fs-4 fw-bold">{{ formatReportID(id) }}</span>
</div>
</div>
@ -275,6 +275,8 @@
import { ref, onMounted } from "vue";
import { computedAsync } from "@vueuse/core";
import { useRouter } from "vue-router";
import { formatReportID } from "@/format";
import { useRoutes } from "@/rmo/route/use";
import { useStoreDistrict } from "@/rmo/store/district";
import { useStorePublicReport } from "@/store/publicreport";