Discover: fetch discover api && set element(nodes, edges) done

src/router/index.js

@@ -1,8 +1,9 @@
-import { createRouter, createWebHistory } from "vue-router";
+import { createRouter, createWebHistory, createWebHashHistory, useRoute, useRouter } from "vue-router";
 import AuthContainer from '@/views/AuthContainer.vue';
 import MainContainer from '@/views/MainContainer.vue';
 import Login from '@/views/Login/index.vue';
 import Files from '@/views/Files/index.vue';
+import Discover from '@/views/Discover/index.vue';
 import MemberArea from '@/views/MemberArea/index.vue';
 import NotFound404 from '@/views/NotFound404.vue';
 
@@ -17,7 +18,7 @@ const routes = [
     component: AuthContainer,
     children: [
       {
-        path: "login",
+        path: "/login",
         name: "Login",
         component: Login,
       },
@@ -29,15 +30,25 @@ const routes = [
     component: MainContainer,
     children: [
       {
-        path: "member-area",
+        path: "/member-area",
         name: "MemberArea",
         component: MemberArea,
       },
       {
-        path: "files",
+        path: "/files",
         name: "Files",
         component: Files,
       },
+      {
+        path: "/discover/:logId",
+        name: "Discover",
+        component: Discover,
+
+        // 先注意，之後思考是否修改，網址打 discover 時，要跳預設的頁面
+        // path: "discover",
+        // redirect: 'discover/12345'
+
+      }
     ]
   },
   {
@@ -51,7 +62,9 @@ const routes = [
 
 const base_url = import.meta.env.BASE_URL;
 const router = createRouter({
-  history: createWebHistory(base_url),
+  history: createWebHistory(base_url), //(/)
+  // history: createWebHashHistory(base_url), // (/#)
+
   routes
 });