basic compare map routing

src/components/Navbar.vue

@@ -50,6 +50,7 @@ import filesStore from '@/stores/files.js';
 import AllMapDataStore from '@/stores/allMapData.js';
 import ConformanceStore from '@/stores/conformance.js';
 import PageAdminStore from '@/stores/pageAdmin.js';
+import MapCompareStore from '@/stores/mapCompareStore';
 import IconSearch from '@/components/icons/IconSearch.vue';
 import IconSetting from '@/components/icons/IconSetting.vue';
 import { saveFilter, savedSuccessfully, saveConformance } from '@/module/alertModal.js';
@@ -84,6 +85,7 @@ export default {
   },
   data() {
     return {
+      mapCompareStore: MapCompareStore(),
       showNavbarBreadcrumb: false,
       navViewData:
       {
@@ -92,7 +94,7 @@ export default {
         // 舉例：DISCOVER: ['MAP', 'CONFORMANCE', 'PERFORMANCE', 'DATA']
         DISCOVER: ['MAP', 'CONFORMANCE', 'PERFORMANCE'],
         // 舉例：COMPARE: ['PROCESS MAP', 'DASHBOARD']
-        COMPARE: ['PERFORMANCE'],
+        COMPARE: ['MAP', 'PERFORMANCE'],
         'ACCOUNT MANAGEMENT': [],
         'MY ACCOUNT': [],
       },
@@ -194,7 +196,16 @@ export default {
           }
           break;
         case 'COMPARE':
-          break
+          switch (navItemCandidate) {
+            case 'MAP':
+              this.$router.push({name: 'MapCompare', params: this.mapCompareStore.routeParam});
+              break;
+            case 'PERFORMANCE':
+              this.$router.push({name: 'CompareDashboard', params: this.mapCompareStore.routeParam});
+              break;
+            default:
+              break;
+          }
       };
     },
     /**