Solution for registry record navigation issue on the URL

Author: xingzhang-suse

pkg/sbombastic-image-vulnerability-scanner/pages/c/_cluster/sbombastic-image-vulnerability-scanner/Registries.vue

@@ -44,7 +44,7 @@
       :use-query-params-for-simple-filtering="true"
     />
     <p v-for="row of rows">
-      <RouterLink :to="`registries/${ row.id }`">
+      <RouterLink :to="`/c/${this.$route.params.cluster}/${ this.PRODUCT_NAME }/registries/${ row.id }`">
         {{ row.id }}
       </RouterLink>
     </p>
@@ -59,6 +59,9 @@
   import RecentUpdatedRegistries from "@sbombastic-image-vulnerability-scanner/components/RecentUpdatedRegistries";
   import StatusDistribution from "@sbombastic-image-vulnerability-scanner/components/StatusDistribution";
   import { REGISTRY_SCAN_TABLE } from "@sbombastic-image-vulnerability-scanner/config/table-headers";
+  import {
+    PRODUCT_NAME,
+  } from "@sbombastic-image-vulnerability-scanner/types";
 
   export default {
     name: 'registries',
@@ -70,6 +73,7 @@
     data() {
       return {
         content: ref("Registries"),
+        PRODUCT_NAME: PRODUCT_NAME,
         registryStatusList: [
           {
             scan_name: "prod repo",