1 files changed, 12 insertions, 1 deletions
diff --git a/app/assets/javascripts/packages_and_registries/harbor_registry/router.js b/app/assets/javascripts/packages_and_registries/harbor_registry/router.js
index 572dd382be3..5a792e30c62 100644
--- a/app/assets/javascripts/packages_and_registries/harbor_registry/router.js
+++ b/app/assets/javascripts/packages_and_registries/harbor_registry/router.js
@@ -3,6 +3,7 @@ import VueRouter from 'vue-router';
 import { HARBOR_REGISTRY_TITLE } from './constants/index';
 import List from './pages/list.vue';
 import Details from './pages/details.vue';
+import HarborTags from './pages/harbor_tags.vue';
 
 Vue.use(VueRouter);
 
@@ -22,10 +23,20 @@ export default function createRouter(base, breadCrumbState) {
       },
       {
         name: 'details',
-        path: '/:id',
+        path: '/:project/:image',
         component: Details,
         meta: {
           nameGenerator: () => breadCrumbState.name,
+          hrefGenerator: () => breadCrumbState.href,
+        },
+      },
+      {
+        name: 'tags',
+        path: '/:project/:image/:digest',
+        component: HarborTags,
+        meta: {
+          nameGenerator: () => breadCrumbState.name,
+          hrefGenerator: () => breadCrumbState.href,
         },
       },
     ],