From 4d718f9a12ce9b6e6b8a403546d2b69b0c460342 Mon Sep 17 00:00:00 2001
From: Eli Ribble <eli@gleipnir.technology>
Date: Fri, 3 Apr 2026 15:43:44 +0000
Subject: [PATCH] Add router and basic home view

---
 ts/{AppRMO.vue => rmo/App.vue} |  5 ++---
 ts/rmo/router.ts               | 17 +++++++++++++++++
 ts/rmo/view/Home.vue           |  3 +++
 vite/rmo/main.ts               |  4 +++-
 4 files changed, 25 insertions(+), 4 deletions(-)
 rename ts/{AppRMO.vue => rmo/App.vue} (82%)
 create mode 100644 ts/rmo/router.ts
 create mode 100644 ts/rmo/view/Home.vue

diff --git a/ts/AppRMO.vue b/ts/rmo/App.vue
similarity index 82%
rename from ts/AppRMO.vue
rename to ts/rmo/App.vue
index da475a26..2f1b5e13 100644
--- a/ts/AppRMO.vue
+++ b/ts/rmo/App.vue
@@ -1,14 +1,13 @@
 <template>
 	<div id="app">
-		<h1>{{ message }}</h1>
-		<p>Count: {{ count }}</p>
-		<button @click="increment">Increment</button>
+		<RouterView />
 	</div>
 </template>
 
 <script setup lang="ts">
 import { ref, computed } from "vue";
 import { useHead } from "@vueuse/head";
+import { router } from "@/rmo/router";
 
 const count = ref<number>(0);
 const message = ref<string>("hey");
diff --git a/ts/rmo/router.ts b/ts/rmo/router.ts
new file mode 100644
index 00000000..b835a2a7
--- /dev/null
+++ b/ts/rmo/router.ts
@@ -0,0 +1,17 @@
+import { createRouter, createWebHistory } from "vue-router";
+import type { RouteRecordRaw } from "vue-router";
+import Home from "@/rmo/view/Home.vue";
+const routes: RouteRecordRaw[] = [
+	{
+		path: "/",
+		name: "Home",
+		component: Home,
+	},
+];
+
+export const router = createRouter({
+	history: createWebHistory("/"),
+	routes,
+});
+
+export default router;
diff --git a/ts/rmo/view/Home.vue b/ts/rmo/view/Home.vue
new file mode 100644
index 00000000..9b2b7f09
--- /dev/null
+++ b/ts/rmo/view/Home.vue
@@ -0,0 +1,3 @@
+<template>
+	<p>hey there!</p>
+</template>
diff --git a/vite/rmo/main.ts b/vite/rmo/main.ts
index e5a468f3..508bbd7b 100644
--- a/vite/rmo/main.ts
+++ b/vite/rmo/main.ts
@@ -1,9 +1,11 @@
 import { createApp } from "vue";
 import { createHead } from "@vueuse/head";
-import App from "@/AppRMO.vue";
+import router from "@/rmo/router";
+import App from "@/rmo/App.vue";
 
 const app = createApp(App);
 const head = createHead();
 
 app.use(head);
+app.use(router);
 app.mount("#app");