[Update] apply header in app.vue, and update home

src/pages/Agenda.vue

@@ -1,11 +1,7 @@
-<template>
-</template>
+<template> </template>
 <script>
-import { Component, Prop, Vue } from 'vue-property-decorator';
+import { Component, Prop, Vue } from "vue-property-decorator";
 
-@Component({
-})
-export default class Agenda extends Vue {
-
-}
-</script>
+@Component({})
+export default class Agenda extends Vue {}
+</script>

src/pages/Home.vue

@@ -1,9 +1,27 @@
 <template>
-  <div>
-    <Header />
-    <div class="home">
-      home
-    </div>
+  <div id="home" class="home">
+    <header>
+      <!-- <Header /> -->
+    </header>
+    <section class="section-title">
+      <div class="home__title">
+        <div class="home__title-box1">
+          <span>SITCON 學生計算機年會 2021</span>
+        </div>
+        <div class="home__title-topic">
+          <img
+            class="sitcon-apple"
+            src="~@/assets/images/home/home-topic.svg"
+            width="500"
+          />
+        </div>
+        <div class="home__title-box2">
+          <p>
+            05/29 • 中央研究院－人文社會科學館 •免費報名
+          </p>
+        </div>
+      </div>
+    </section>
   </div>
 </template>
 

src/pages/Sponsor.vue

@@ -1,11 +1,7 @@
-<template>
-</template>
+<template> </template>
 <script>
-import { Component, Prop, Vue } from 'vue-property-decorator';
+import { Component, Prop, Vue } from "vue-property-decorator";
 
-@Component({
-})
-export default class Sponsor extends Vue {
-
-}
-</script>
+@Component({})
+export default class Sponsor extends Vue {}
+</script>

src/pages/Team.vue

@@ -1,11 +1,7 @@
-<template>
-</template>
+<template> </template>
 <script>
-import { Component, Prop, Vue } from 'vue-property-decorator';
+import { Component, Prop, Vue } from "vue-property-decorator";
 
-@Component({
-})
-export default class Team extends Vue {
-
-}
-</script>
+@Component({})
+export default class Team extends Vue {}
+</script>

src/pages/Traffic.vue

@@ -1,11 +1,7 @@
-<template>
-</template>
+<template> </template>
 <script>
-import { Component, Prop, Vue } from 'vue-property-decorator';
+import { Component, Prop, Vue } from "vue-property-decorator";
 
-@Component({
-})
-export default class Traffic extends Vue {
-
-}
-</script>
+@Component({})
+export default class Traffic extends Vue {}
+</script>

src/pages/Venue.vue

@@ -1,11 +1,7 @@
-<template>
-</template>
+<template> </template>
 <script>
-import { Component, Prop, Vue } from 'vue-property-decorator';
+import { Component, Prop, Vue } from "vue-property-decorator";
 
-@Component({
-})
-export default class Venue extends Vue {
-
-}
-</script>
+@Component({})
+export default class Venue extends Vue {}
+</script>