set up some links

component/About.vue

@@ -0,0 +1,29 @@
+<template>
+<div>
+  <h4 style="color:orange;">about vue component!!!</h4>
+<!--  <h4>{{number}}</h4>-->
+<!--
+  <p>Louis_Wiki ---- we are a team to provide the service to gift customization</p>
+-->
+  <p>contact:19970419890</p>
+</div>
+</template>
+<script type="module">
+export default {
+  methods:{
+    add_number(){
+
+    }
+  },
+  setup(){
+    console.log("about vue component setup");
+  },
+  mounted(el){
+    console.log("about vue under mounted ---");
+  }
+}
+</script>
+
+
+
+

component/Home.vue

@@ -0,0 +1,26 @@
+<template>
+<div>
+  <h4 style="color:oranged;">this is home vue component!!!</h4>
+  <button @click="add_number">add number</button>
+<!--  <h4>{{number}}</h4>-->
+</div>
+</template>
+<script type="module">
+export default {
+  emits:["op"],
+  methods:{
+    add_number(){
+      this.$emit("op");
+    }
+  },
+  setup(){
+    console.log("home vue component setup");
+  },
+  mounted(el){
+    console.log("home vue under mounted ---");
+  }
+}
+</script>
+
+
+

component/certification/Login.vue

@@ -0,0 +1,13 @@
+<script>
+export default {
+  data() {
+    return {
+      count: 0
+    }
+  }
+}
+</script>
+
+<template>
+  <button @click="count++">You clicked me {{ count }} times.</button>
+</template>

component/certification/Register.vue

@@ -0,0 +1,29 @@
+<template>
+<div>
+  <h4 style="color:orange;">about vue component!!!</h4>
+<!--  <h4>{{number}}</h4>-->
+<!--
+  <p>Louis_Wiki ---- we are a team to provide the service to gift customization</p>
+-->
+  <p>contact:19970419890</p>
+</div>
+</template>
+<script type="module">
+export default {
+  methods:{
+    add_number(){
+
+    }
+  },
+  setup(){
+    console.log("about vue component setup");
+  },
+  mounted(el){
+    console.log("about vue under mounted ---");
+  }
+}
+</script>
+
+
+
+

component/test.vue

@@ -0,0 +1,13 @@
+<script>
+export default {
+  data() {
+    return {
+      count: 0
+    }
+  }
+}
+</script>
+
+<template>
+  <button @click="count++">You clicked me {{ count }} times.</button>
+</template>

index.html

@@ -23,7 +23,7 @@
 		</div>
 		
 		<div>
-			<h3>{{$t('messages.pages.title')}} : </h3>
+			<h3>{{$t('messages.pages.craft.title')}} : </h3>
 			<span><a href="{{$t('messages.pages.craft.software_customization_link')}}">{{$t('messages.pages.craft.software_customization')}}</a></span>
 			<span><a href="{{$t('messages.pages.craft.uv_product_customization_link')}}">{{$t('messages.pages.craft.uv_product_customization')}}</a></span>
 			<span><a href="{{$t('messages.pages.craft.lazer_marking_and_cutting_link')}}">{{$t('messages.pages.craft.lazer_marking_and_cutting')}}</a></span>

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 "./vue/Home.vue";
-import test from "./vue/test.vue";
-import About from "./vue/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';
 

router.js

@@ -1,7 +1,7 @@
 import { createRouter , createWebHashHistory } from 'vue-router';
-import Home from "./vue/Home.vue";
-import test from "./vue/test.vue";
-import About from "./vue/About.vue";
+import Home from "./component/Home.vue";
+import test from "./component/test.vue";
+import About from "./component/About.vue";
 const routes=[
   { path:'/',redirect:'/home' },
   { path:'/home',component:Home },