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");