Improve SEO for CVE Record Detail page; noindex on test website

Author: rlxdev

src/App.vue

@@ -19,6 +19,7 @@ import PrimaryNavigation from './components/PrimaryNavigation.vue';
 import NotificationBannerModule from './components/NotificationBannerModule.vue';
 import FooterModule from './components/FooterModule.vue';
 import NotFound from './views/NotFound.vue';
+import { useGenericGlobalsStore } from './stores/genericGlobals';
 import { useSeoMeta } from '@unhead/vue';
 
 export default {
@@ -42,6 +43,20 @@ export default {
     });
   },
   head() {
+
+    const isProductionSite = useGenericGlobalsStore().isProductionWebsite;
+
+    if (!isProductionSite) {
+
+        // Particularly for the test CVE website (test.cve.org), prevent
+        // any search engine from crawling the content.  This should only
+        // be allowed for the production website.
+
+        return {
+            meta: [{name: 'robots', content: 'noindex, nofollow'}]
+        }
+    }
+
     // Remove any trailing and leading slashes on the base URL and
     // path suffix so we know what we're dealing with and we control
     // the slash separating the two components.
@@ -50,8 +65,7 @@ export default {
     const suffix = this.$route.fullPath.replace(/^\/+/, '');
 
     return {
-      link: [{rel: 'canonical',
-              content: `${baseURL}/${suffix}`}]
+      link: [{rel: 'canonical', href: `${baseURL}/${suffix}`}]
     }
   }
 }

src/views/CVERecord/CVERecord.vue

@@ -138,7 +138,12 @@ export default {
   },
   head() {
     const cveId = this.$route.query.id;
-    return {title: `CVE Record: ${cveId}`}
+    return {
+        title: `CVE Record: ${cveId}`,
+        meta: [{
+            name: 'description',
+            content: `Vulnerability detail for ${cveId}`}]
+    }
   },
   watch: {
     $route(to) {