init vue router

src/App.vue

@@ -1,7 +1,3 @@
-<script setup lang="ts">
-import ResponsiveTimeUntil from "./components/ResponsiveTimeUntil.vue"
-</script>
-
 <template>
-  <ResponsiveTimeUntil />
+  <router-view></router-view>
 </template>

src/main.ts

@@ -1,5 +1,6 @@
-import { createApp } from 'vue'
-import './style.css'
-import App from './App.vue'
+import { createApp } from "vue"
+import "./style.css"
+import App from "./App.vue"
+import { router } from "./router/router"
 
-createApp(App).mount('#app')
+createApp(App).use(router).mount("#app")

src/pages/Home.vue

@@ -0,0 +1,7 @@
+<script setup lang="ts">
+import ResponsiveTimeUntil from "../components/ResponsiveTimeUntil.vue"
+</script>
+
+<template>
+  <ResponsiveTimeUntil />
+</template>

src/router/router.ts

@@ -0,0 +1,7 @@
+import Home from "../pages/Home.vue"
+import { createRouter, createWebHashHistory } from "vue-router"
+
+export const router = createRouter({
+  history: createWebHashHistory(),
+  routes: [{ path: "/", component: Home }],
+})