Add initial compliance mailer page

It loads at this point. Woot.

ts/rmo/router.ts

@@ -7,6 +7,7 @@ import ComplianceConcern from "@/rmo/content/compliance/Concern.vue";
 import ComplianceContact from "@/rmo/content/compliance/Contact.vue";
 import ComplianceEvidence from "@/rmo/content/compliance/Evidence.vue";
 import ComplianceIntro from "@/rmo/content/compliance/Intro.vue";
+import ComplianceMailer from "@/rmo/view/ComplianceMailer.vue";
 import CompliancePermission from "@/rmo/content/compliance/Permission.vue";
 import ComplianceProcess from "@/rmo/content/compliance/Process.vue";
 import ComplianceSubmit from "@/rmo/content/compliance/Submit.vue";
@@ -108,6 +109,59 @@ const routes: RouteRecordRaw[] = [
 		component: WaterDistrict,
 		props: true,
 	},
+	{
+		children: [
+			{
+				component: ComplianceIntro,
+				name: "ComplianceIntro",
+				path: "",
+			},
+			{
+				component: ComplianceAddress,
+				name: "ComplianceAddress",
+				path: "address",
+			},
+			{
+				component: ComplianceComplete,
+				name: "ComplianceComplete",
+				path: "complete",
+			},
+			{
+				component: ComplianceConcern,
+				name: "ComplianceConcern",
+				path: "concern",
+			},
+			{
+				component: ComplianceContact,
+				name: "ComplianceContact",
+				path: "contact",
+			},
+			{
+				component: ComplianceEvidence,
+				name: "ComplianceEvidence",
+				path: "evidence",
+			},
+			{
+				component: CompliancePermission,
+				name: "CompliancePermission",
+				path: "permission",
+			},
+			{
+				component: ComplianceProcess,
+				name: "ComplianceProcess",
+				path: "process",
+			},
+			{
+				component: ComplianceSubmit,
+				name: "ComplianceSubmit",
+				path: "submit",
+			},
+		],
+		path: "/mailer/:public_id",
+		name: "ComplianceMailer",
+		component: ComplianceMailer,
+		props: true,
+	},
 	{
 		path: "/submitted/:id",
 		name: "ReportSubmitted",