set up some links

index.html

@@ -48,7 +48,24 @@
 			border-radius: 5px;
 			border: 1px solid #862930;
 		}
-		.approve::hover{
+		.approve:hover{
+			color:#121929;
+			background-color:#862930 ;
+			border: 1px solid #121929;
+		}
+		div router-link{
+			color:#862930;
+			background-color:#DED8D4 ;
+			font-size: 25px;
+			line-height: 30px;
+			display: inline-block;
+			margin-left: 10px;
+			padding: 2px;
+			border-radius: 5px;
+			border: 1px solid #862930;
+			text-decoration: none;
+		}
+		div router-link:hover{
 			color:#121929;
 			background-color:#862930 ;
 			border: 1px solid #121929;
@@ -146,11 +163,11 @@
 		<hr/>
 		<!--<input type="button" text="中文" @click="changelang('zh')"/>
 		<input type="button" text="english" @click="changelang('en')"/>-->
-		<p>
-			<router-link to="/home"  @click="dialog.showModal()">首页</router-link>
-			<router-link to="/test" @click="dialog.show()">test</router-link>
-			<router-link to="/about" @click="dialog.showModal()">关于</router-link>
-		</p>
+		<div>
+			<router-link to="/home"  @click="dialog.showModal()">$t('messages.pages.index')</router-link>
+			<router-link to="/test" @click="dialog.show()">$t('messages.pages.sample')</router-link>
+			<router-link to="/about" @click="dialog.showModal()">$t('messages.pages.about')</router-link>
+		</div>
 
 		<!-- <router-view></router-view> -->
 

index.js

@@ -23,9 +23,9 @@ import {createApp } from 'vue';
 //import { createApp } from './js/vue.esm-browser.js';
 //import { createApp } from './js/vue.global.js';
 //import { Home } from "./vue/Home.vue";
-import Home from "./component/Home.vue";
-import test from "./component/test.vue";
-import About from "./component/About.vue";
+// import Home from "./component/Home.vue";
+// import test from "./component/test.vue";
+// import About from "./component/About.vue";
 import i18n from "./i18n.js";
 import { useI18n } from 'vue-i18n';