Merge pull request #89 from verida/feature/81-move-account-display-url

feat:moved display url to different route path

src/constant/index.ts

@@ -1,4 +1,5 @@
 export const USER_PROFILE = "PROFILE";
+export const USER_PROFILE_REDIRECT = "PROFILE_REDIRECT";
 
 export const BASIC_PROFILE_SCHEMA =
   "https://common.schemas.verida.io/social/contact/v0.1.0/schema.json";

src/router/index.ts

@@ -1,6 +1,6 @@
 import { createRouter, createWebHistory, RouteRecordRaw } from "vue-router";
-import Home from "../views/Home.vue";
 import { USER_PROFILE } from "../constant/index";
+import Home from "../views/Home.vue";
 
 const routes: Array<RouteRecordRaw> = [
   {
@@ -9,7 +9,12 @@ const routes: Array<RouteRecordRaw> = [
     component: Home,
   },
   {
-    path: "/:did",
+    path: "/did",
+    name: "Redirect",
+    redirect: "/",
+  },
+  {
+    path: "/did/:did",
     name: USER_PROFILE,
     component: () =>
       import(/* webpackChunkName: "about" */ "../views/ProfileDetails.vue"),

src/views/Home.vue

@@ -12,7 +12,7 @@
         v-else-if="profile.name"
         :profile="profile"
         :path="path"
-        :url="[`/${profile.did}`]"
+        :url="[`/did/${profile.did}`]"
       />
     </div>
     <div class="landing-image">

src/views/ProfileDetails.vue

@@ -29,8 +29,15 @@ export default defineComponent({
       await this.fetchProfile(did);
     },
   },
-
   async beforeMount() {
+    console.log("log.");
+
+    if (!this.$route.params.did) {
+      console.log("dsdd");
+
+      this.$router.push({ path: "/" });
+    }
+
     if (!this.profile.name) {
       await this.loadProfile();
     }