set up some links

index.html

@@ -114,6 +114,12 @@
 		 
 		<div class="approve" onclick="dialog.showModal()">{{$t('messages.component.approve.login')}}</div>
 		<div class="approve" v-t="'messages.component.approve.register'"  onclick="dialog.showModal()"></div>
+		<div class="approve" onclick="dialog.showModal()">
+			<router-link to="/login">{{$t('messages.component.approve.login')}}</router-link>
+		</div>
+		<div class="approve" onclick="dialog.showModal()">
+			<router-link to="/register">{{$t('messages.component.approve.register')}}</router-link>
+		</div>
 		
 		<!-- 
 		<p>after i18n label</p> 

index.js

@@ -26,6 +26,8 @@ import {createApp } from 'vue';
 import Home from "./component/Home.vue";
 import test from "./component/test.vue";
 import About from "./component/About.vue";
+import Login from "./component/approve/Login.vue";
+import Register from "./component/approve/Register.vue";
 import i18n from "./i18n.js";
 import { useI18n } from 'vue-i18n';
 
@@ -51,7 +53,9 @@ const app=createApp({
   components:{
     Home,
     test,
-    About
+    About,
+    Login,
+    Register
   },
   data(){
     return{

router.js

@@ -2,11 +2,15 @@ import { createRouter , createWebHashHistory } from 'vue-router';
 import Home from "./component/Home.vue";
 import test from "./component/test.vue";
 import About from "./component/About.vue";
+import Login from "./component/approve/Login.vue";
+import Register from "./component/approve/Register.vue";
 const routes=[
   { path:'/',redirect:'/home' },
   { path:'/home',component:Home },
   { path:'/test',component:test },
-  { path:'/about',component:About }
+  { path:'/about',component:About },
+  { path:'/login',component:Login },
+  { path:'/register',component:Register },
 ];
 const router = createRouter({
   routes,