Develop patterns for creating links outside router

This commit is contained in:
Eli Ribble 2026-04-22 14:31:05 +00:00
parent bcd51cf5cf
commit b4527fba8b
No known key found for this signature in database
24 changed files with 91 additions and 24 deletions

View file

@ -29,7 +29,7 @@
<script setup lang="ts">
import { computed, ref } from "vue";
import { router } from "@/rmo/router";
import { router } from "@/rmo/route/config";
import type { District, PublicReportCompliance } from "@/type/api";
import HeaderCompliance from "@/rmo/components/HeaderCompliance.vue";
import ProgressBarCompliance from "@/rmo/components/ProgressBarCompliance.vue";

View file

@ -132,7 +132,7 @@
<script setup lang="ts">
import { ref } from "vue";
import { router } from "@/rmo/router";
import { router } from "@/rmo/route/config";
import type { Contact, District, PublicReport } from "@/type/api";
import HeaderCompliance from "@/rmo/components/HeaderCompliance.vue";
import ProgressBarCompliance from "@/rmo/components/ProgressBarCompliance.vue";

View file

@ -160,7 +160,7 @@
<script setup lang="ts">
import { ref } from "vue";
import { router } from "@/rmo/router";
import { router } from "@/rmo/route/config";
import type { District, PublicReportCompliance } from "@/type/api";
import HeaderCompliance from "@/rmo/components/HeaderCompliance.vue";
import ImageUpload, { Image } from "@/components/ImageUpload.vue";

View file

@ -20,7 +20,10 @@
</div>
<div class="d-grid mt-4">
<RouterLink class="btn btn-primary btn-lg" to="./compliance/address">
<RouterLink
class="btn btn-primary btn-lg"
:to="routes.ComplianceAddress(props.publicID)"
>
Get Started</RouterLink
>
</div>
@ -31,8 +34,11 @@
import type { District } from "@/type/api";
import HeaderCompliance from "@/rmo/components/HeaderCompliance.vue";
import ProgressBarCompliance from "@/rmo/components/ProgressBarCompliance.vue";
import { useRoutes } from "@/rmo/route/use";
interface Props {
district: District;
publicID: string;
}
const props = defineProps<Props>();
const routes = useRoutes();
</script>

View file

@ -280,7 +280,7 @@
</template>
<script setup lang="ts">
import { onMounted, ref } from "vue";
import { router } from "@/rmo/router";
import { router } from "@/rmo/route/config";
import HeaderCompliance from "@/rmo/components/HeaderCompliance.vue";
import ProgressBarCompliance from "@/rmo/components/ProgressBarCompliance.vue";
import {

View file

@ -249,7 +249,7 @@
</div>
</template>
<script setup lang="ts">
import { router } from "@/rmo/router";
import { router } from "@/rmo/route/config";
import HeaderCompliance from "@/rmo/components/HeaderCompliance.vue";
import ProgressBarCompliance from "@/rmo/components/ProgressBarCompliance.vue";
import {