[Update] edit vue.config.js and router

src/pages/Agenda.vue

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

src/pages/Home.vue

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

src/pages/Sponsor.vue

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

src/pages/Team.vue

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

src/pages/Traffic.vue

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

src/pages/Venue.vue

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

src/router/index.ts

@@ -4,6 +4,12 @@ import VueRouter, { RouteConfig } from 'vue-router';
 import CFP from '../pages/CFP.vue';
 import News from '../pages/News.vue';
 import OCFP from '../pages/OCFP.vue';
+import Home from '../pages/Home.vue';
+import Agenda from '../pages/Agenda.vue';
+import Sponsor from '../pages/Sponsor.vue';
+import Team from '../pages/Team.vue';
+import Traffic from '../pages/Traffic.vue';
+import Venue from '../pages/Venue.vue';
 
 Vue.use(VueRouter);
 
@@ -11,13 +17,63 @@ export const routes: RouteConfig[] = [
   {
     path: '/',
     name: 'Home',
-    redirect: '/cfp',
+    component: Home,
     meta: {
       index: 0,
       label: 'SITCON 2021',
       menuItem: true
     }
   },
+  {
+    path: '/agenda',
+    name: 'Agenda',
+    component: Agenda,
+    meta: {
+      index: 0,
+      label: 'SITCON 2021',
+      menuItem: true
+    }
+  },
+  {
+    path: '/sponsor',
+    name: 'Sponsor',
+    component: Sponsor,
+    meta: {
+      index: 0,
+      label: '贊助資訊',
+      menuItem: true
+    }
+  },
+  {
+    path: '/team',
+    name: 'Team',
+    component: Team,
+    meta: {
+      index: 0,
+      label: 'SITCON團隊',
+      menuItem: true
+    }
+  },
+  {
+    path: '/traffic',
+    name: 'Traffic',
+    component: Traffic,
+    meta: {
+      index: 0,
+      label: '交通方式',
+      menuItem: true
+    }
+  },
+  {
+    path: '/venue',
+    name: 'Venue',
+    component: Venue,
+    meta: {
+      index: 0,
+      label: '會場地圖',
+      menuItem: true
+    }
+  },
   {
     path: '/cfp',
     name: 'CFP',

vue.config.js

@@ -15,7 +15,19 @@ module.exports = {
         '/2021/cfp',
         '/2021/cfp/',
         '/2021/cfp/news',
-        '/2021/cfp/news/'
+        '/2021/cfp/news/',
+        '/2021/cfp/ocfp-news',
+        '/2021/cfp/ocfp-news/',
+        '/2021/agenda',
+        '/2021/agenda/',
+        '/2021/venue',
+        '/2021/venue/',
+        '/2021/traffic',
+        '/2021/traffic/',
+        '/2021/team',
+        '/2021/team/',
+        '/2021/sponsor',
+        '/2021/sponsor/'
       ],
       useRenderEvent: true,
       headless: true,