[fix] fixed link and fixed ts warning

src/App.vue

@@ -22,14 +22,16 @@ import FooterPrimary from '@/components/FooterPrimary.vue';
   }
 })
 export default class App extends Vue {
-  public isRoot(): boolean {
+  public isRoot (): boolean {
     if (
       this.$route.name === 'CFP' ||
       this.$route.name === 'news' ||
       this.$route.name === 'ocfp-news'
-    )
+    ) {
       return false;
-    else return true;
+    } else {
+      return true;
+    }
   }
 }
 </script>

src/components/Header.vue

@@ -3,7 +3,10 @@
 		<div class="header__left">
 			<div class="header-logo">
 				<a href="/2021/">
-          <img src="~@/assets/images/home/home-headerIcon.svg" width="100%" />
+					<img
+						src="~@/assets/images/home/home-headerIcon.svg"
+						width="100%"
+					/>
 				</a>
 			</div>
 		</div>
@@ -13,35 +16,45 @@
 					<li>
 						<a
 							href="/2021/agenda"
-              v-bind:class="onRoute('Agenda') ? 'header-link--active' : ''"
+							v-bind:class="
+								onRoute('Agenda') ? 'header-link--active' : ''
+							"
 							>議程與活動</a
 						>
 					</li>
 					<li>
 						<a
 							href="/2021/traffic"
-              v-bind:class="onRoute('Traffic') ? 'header-link--active' : ''"
+							v-bind:class="
+								onRoute('Traffic') ? 'header-link--active' : ''
+							"
 							>交通方式</a
 						>
 					</li>
 					<li>
 						<a
 							href="/2021/venue"
-              v-bind:class="onRoute('Venue') ? 'header-link--active' : ''"
+							v-bind:class="
+								onRoute('Venue') ? 'header-link--active' : ''
+							"
 							>會場地圖</a
 						>
 					</li>
 					<li>
 						<a
 							href="/2021/sponsor"
-              v-bind:class="onRoute('Sponsor') ? 'header-link--active' : ''"
+							v-bind:class="
+								onRoute('Sponsor') ? 'header-link--active' : ''
+							"
 							>贊助資訊</a
 						>
 					</li>
 					<li>
 						<a
 							href="/2021/team"
-              v-bind:class="onRoute('Team') ? 'header-link--active' : ''"
+							v-bind:class="
+								onRoute('Team') ? 'header-link--active' : ''
+							"
 							>籌備團隊</a
 						>
 					</li>
@@ -51,7 +64,10 @@
 			<div class="header-links--mobile">
 				<select onchange="location = this.value;">
 					<option value="/"> 年會主題</option>
-          <option value="/agenda" :selected="onRoute('Agenda') ? true : false">
+					<option
+						value="/agenda"
+						:selected="onRoute('Agenda') ? true : false"
+					>
 						<a href="/2021/agenda"> 議程與活動</a></option
 					>
 					<option
@@ -60,20 +76,29 @@
 					>
 						<a href="/2021/traffic">交通方式</a></option
 					>
-          <option value="/venue" :selected="onRoute('Venue') ? true : false"
+					<option
+						value="/venue"
+						:selected="onRoute('Venue') ? true : false"
 						><a href="/2021/venue">會場地圖</a></option
 					>
-          <option value="/sponsor" :selected="onRoute('Sponsor') ? true : false"
+					<option
+						value="/sponsor"
+						:selected="onRoute('Sponsor') ? true : false"
 						><a href="/2021/sponsor">贊助資訊</a></option
 					>
-          <option value="/team" :selected="onRoute('Team') ? true : false"
+					<option
+						value="/team"
+						:selected="onRoute('Team') ? true : false"
 						><a href="/2021/team">籌備團隊</a></option
 					>
 				</select>
 				<!-- <div class="header-links--mobile-bg"></div> -->
 			</div>
 			<div class="header-apply">
-        <a href="https://sitcon.kktix.cc/events/sitcon2021" target="_blank">
+				<a
+					href="https://sitcon.kktix.cc/events/sitcon2021"
+					target="_blank"
+				>
 					報名去
 				</a>
 			</div>
@@ -88,10 +113,7 @@ import { Component, Vue } from 'vue-property-decorator';
   props: ['route']
 })
 export default class Header extends Vue {
-  mounted() {
+  public onRoute (routeName: string) {
-    console.log(this.$props.route.name);
-  }
-  public onRoute(routeName: String) {
     return this.$props.route.name === routeName ? true : false;
   }
 }

src/pages/Home.vue

@@ -6,7 +6,10 @@
 					<p>SITCON 學生計算機年會 2021</p>
 				</div>
 				<div class="home__title-topic">
-          <img src="~@/assets/images/home/home-topic.svg" width="100%" />
+					<img
+						src="~@/assets/images/home/home-topic.svg"
+						width="100%"
+					/>
 				</div>
 				<div class="home__title-box2">
 					<p class="home__title-box2--p1">
@@ -28,7 +31,9 @@
 							src="~@/assets/images/home/home-icon-square.svg"
 						/>
 						<h1>算盤的後裔</h1>
-            <h2 class="home__info-title-h2--big">Descendants of the abacus</h2>
+						<h2 class="home__info-title-h2--big">
+							Descendants of the abacus
+						</h2>
 					</div>
 					<div class="home__info-paragraph">
 						<p>
@@ -66,7 +71,9 @@
 				<div class="home__info-container">
 					<div class="home__info-title">
 						<h1>行為準則</h1>
-            <h2 class="home__info-title-h2--mid">Code of Conduct</h2>
+						<h2 class="home__info-title-h2--mid">
+							Code of Conduct
+						</h2>
 					</div>
 					<div class="home__info-paragraph">
 						<p>
@@ -83,7 +90,9 @@
 				<div class="home__info-container">
 					<div class="home__info-title">
 						<h1>參與討論</h1>
-            <h2 class="home__info-title-h2--mid">Join the community</h2>
+						<h2 class="home__info-title-h2--mid">
+							Join the community
+						</h2>
 					</div>
 					<div class="home__info-paragraph">
 						<p>
@@ -92,13 +101,23 @@
 							SITCON 的郵件論壇並貢獻你的想法！
 							<br />
 							<br />
-              若你想進一步了解過往討論的內容，也歡迎在 HackMD 上查看 SITCON 2021
+							若你想進一步了解過往討論的內容，也歡迎在 HackMD
-              的會議記錄。
+							上查看 SITCON 2021 的會議記錄。
 						</p>
 					</div>
 					<div class="home__info-buttonsBox">
-            <a href="" class="home-button">郵件論壇</a>
+						<a
-            <a href="" class="home-button">會議記錄</a>
+							href="https://groups.google.com/g/sitcon-general"
+							target="_blank"
+							class="home-button"
+							>郵件論壇</a
+						>
+						<a
+							href="https://hackmd.io/@SITCON/SITCON2021"
+							target="_blank_"
+							class="home-button"
+							>會議記錄</a
+						>
 					</div>
 				</div>
 			</section>