background color about vue component

index.html

@@ -10,11 +10,11 @@
     <!-- <h3>this is node -> Vue test</h3> -->
     <div id='app'  style='color:red; font-size:20px; font-weight:bold;'>app node start...</div>
     <template id="my-app">
-		<HeaderApes>default header component</HeaderApes>
-		<!-- <div v-html='info'></div>  -->
+		<Headapes></Headapes>
+		<!-- <div v-html='info'></div> 
 		<Home @op="add">home vue</Home>
 		<h5 style="color:oranged">{{number}}</h5>
-		<About>this is About</About>
+		<About>this is About</About> -->
 		<test></test>
 
 		<h3>{{$t('messages.app')}}</h3>

index.js

@@ -29,7 +29,7 @@ import About from "./component/About.vue";
 import Login from "./component/approve/Login.vue";
 import Register from "./component/approve/Register.vue";
 import File from "./component/file/File.vue";
-import Headerapes from "./common/Headerapes.vue";
+import Headerapes from "./common/Headapes.vue";
 import i18n from "./i18n.js";
 import { useI18n } from 'vue-i18n';
 
@@ -59,7 +59,7 @@ const app=createApp({
     Login,
     Register,
     File,
-    Headerapes
+    Headapes
   },
   data(){
     return{