Merge pull request #28 from gdsc-ncku/yeeway

fix: update Breadcrumb.vue to handle dynamic route parameters

src/components/Breadcrumb.vue

@@ -12,6 +12,9 @@
 </template>
 
 <script>
+import departmentHandbookData from '../data/departmentHandbook.json';
+import featuredArticlesData from '../data/featuredArticles.json';
+
 export default {
   data() {
     return {
@@ -34,12 +37,33 @@ export default {
 
       if (this.$route.params) {
         const dynamicParam = Object.values(this.$route.params)[0];
-        // console.log(dynamicParam);
+        console.log(dynamicParam);
         if (dynamicParam) {
-          this.breadcrumbs.push({
-            to: this.$route.path,
-            label: dynamicParam,
-          });
+          const targetDepartment = departmentHandbookData.map((college) => {
+            return college.departments.find((department) => {
+              return department.id === dynamicParam;
+            });
+          }).filter(Boolean)[0]
+          // console.log(targetDepartment);
+
+          const targetArticle = featuredArticlesData.find((article) => {
+            return article.id === dynamicParam;
+          })
+          // console.log(targetArticle);
+
+          if (targetDepartment) {
+            this.breadcrumbs.push({
+              to: this.$route.path,
+              label: targetDepartment.name,
+            });
+          } else if (targetArticle) {
+            this.breadcrumbs.push({
+              to: this.$route.path,
+              label: targetArticle.title,
+            });
+          } else {
+            // error handling
+          }
         }
         // console.log(this.breadcrumbs);
       }

src/data/featuredArticles.json

@@ -1,6 +1,6 @@
 [
   {
-    "id": "selfLearnin_1",
+    "id": "selfLearning_1",
     "title": "真假新聞分不清？不私藏網路新聞指南！",
     "category": "自學力",
     "author": "林盈辰",