Merge pull request #3 from gdsc-ncku/yeeway

Set up vue-router and add some data
gdsc-ncku · Jan 13, 2024 · e45acc3 · e45acc3
2 parents dcb1a12 + 989ba4a
commit e45acc3
Show file tree

Hide file tree

Showing 23 changed files with 559 additions and 86 deletions.
diff --git a/README.md b/README.md
@@ -1,12 +1,6 @@
 # BikeFestival17th-Frontend
 
 ## 開發流程
-### branch
-- `main`: 主要分支，用來部署
-- `xxx`: 各自開發分支，開發完成後合併到 `main`
-> 例如：`jason` , `jimmy` , `jerry` ... ( 自己的代號 )<br>
-> **請勿直接在 `main` 上開發**
-
 ### dependencies
 - `npm` or `yarn`
 
@@ -17,16 +11,19 @@ cd BikeFestival17th-Frontend
 yarn install
 yarn dev
 ```
-### 開 branch
+
+### branch
+- `main`: 主要分支，用來部署
+- `xxx`: 各自開發分支，開發完成後合併到 `main`
+> 例如：`jason` , `jimmy` , `jerry` ... ( 自己的代號 )，**請勿直接在 `main` 上開發**
+-  開 branch
 ```bash
 git checkout -b <branch-name> # 這邊 <branch-name> 就直接用自己的名字
 ```
+> 目前有設好 Github Action，會自動部署 `main` 的內容到 `gh-pages` 分支
 
 ## 合併流程
-看習慣使用 :
-- pull request
-- 在 local merge 完 push 回 origin
+- 在自己的 branch 開發完 push 回 origin
+- 開一個 Pull Request，如果只是一些小小的改動可以自己直接 merge 到 main。如果是較大的改動要給其他成員 code review 的話就在 discord 通知一聲，沒問題的話就再 merge。
+
 
-> 看自己習慣使用哪種方式 <br>
-> 目前有設好 Github Action ~ <br>
-> 會自動部署 `main` 的內容到 `gh-pages` 分支
diff --git a/index.html b/index.html
@@ -2,9 +2,9 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <link rel="icon" type="image/svg+xml" href="/bike.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Vite + Vue</title>
+    <title>成大單車節 2024</title>
   </head>
   <body>
     <div id="app"></div>

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -11,7 +11,8 @@
   "dependencies": {
     "autoprefixer": "^10.4.16",
     "postcss": "^8.4.33",
-    "vue": "^3.3.8"
+    "vue": "^3.3.8",
+    "vue-router": "^4.2.5"
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "^4.5.0",

diff --git a/public/bike.svg b/public/bike.svg
diff --git a/public/vite.svg b/public/vite.svg
diff --git a/src/App.vue b/src/App.vue
@@ -1,19 +1,15 @@
-<script setup>
-import HelloWorld from './components/HelloWorld.vue'
-</script>
-
 <template>
-  <div>
-    <a href="https://vitejs.dev" target="_blank">
-      <img src="/vite.svg" class="logo" alt="Vite logo" />
-    </a>
-    <a href="https://vuejs.org/" target="_blank">
-      <img src="./assets/vue.svg" class="logo vue" alt="Vue logo" />
-    </a>
-  </div>
-  <HelloWorld msg="Vite + Vue" />
+  <nav>
+    <ol>
+      <li><router-link to="/">首頁</router-link></li>
+      <li><router-link to="/about">關於單車節</router-link></li>
+      <li><router-link to="/info">參加資訊</router-link></li>
+      <li><router-link to="/activities">主題活動</router-link></li>
+      <li><router-link to="/forum">知識論壇</router-link></li>
+      <li><router-link to="/partners">合作夥伴</router-link></li>
+      <li><router-link to="/souvenir">紀念品預購</router-link></li>
+    </ol>
+  </nav>
+  <router-view></router-view>
 </template>
 
-<style>
-  @import './style.css';
-</style>
diff --git a/src/assets/vue.svg b/src/assets/vue.svg
diff --git a/src/components/HelloWorld.vue b/src/components/HelloWorld.vue