cveRecordSearchModule: define isProductionWebsite boolean

Author: rlxdev

src/components/cveRecordSearchModule.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="mt-1">
-    <div v-if="websiteEnv !== 'prd'" role="alert" class="notification is-warning is-light">
+    <div v-if="!isProductionWebsite" role="alert" class="notification is-warning is-light">
       <div class="is-flex is-align-items-flex-start mt-1" style="max-width: 820px; column-gap: 1rem;">
         <div class="pl-3">
           <p id="alertIconVariousFormts" class="is-hidden">alert</p>
@@ -18,10 +18,10 @@
     </div>
     <div class="field has-addons mt-1">
       <p class="control">
-        <span v-if="websiteEnv !== 'prd'" class="select cve-search-selector">
+        <span v-if="!isProductionWebsite" class="select cve-search-selector">
           <select v-model="searchType">
-            <option>Search CVE List</option>
-            <option>Find a Test CVE Record/ID (Legacy)</option>
+            <option>{{ searchOptionLabel }}</option>
+            <option>{{ legacyOptionLabel }}</option>
           </select>
         </span>
       </p>
@@ -65,6 +65,8 @@ import { useGenericGlobalsStore } from '@/stores/genericGlobals';
 const cveIdRegex = /^CVE\p{Pd}(?<year>\d{4})\p{Pd}(?<id>\d{4,})$/iu;
 const wordRegex = /^[a-z0-9 ]+$/i;
 
+const isProductionWebsite = import.meta.env.VITE_WEBSITE_ENVIRONMENT === 'prd';
+
 // This is the current maximum supported length of the "suffix" portion of
 // the CVE ID.  The schema defines a suffix length up to 19, but code in
 // other modules only supports what's defined here.
@@ -75,20 +77,24 @@ let cveListSearchStore = useCveListSearchStore();
 const route = useRoute();
 const router = useRouter();
 
+const cveRecordRouteName = 'CVERecord';
+const legacyOptionLabel = 'Find a Test CVE Record/ID (Legacy)';
+const searchOptionLabel = 'Search CVE List';
+
 let prevSearchValue = ref('');
 let queryString = ref('');
 let errorMessage = ref('');
 
 let cveGenericGlobalsStore = useGenericGlobalsStore();
 let cveRecordStore = usecveRecordStore();
-let searchType = ref('Search CVE List');
+let searchType = ref(searchOptionLabel);
 let cveId = cveRecordStore.cveId;
 
 // this seems redundant, but it fixes an edge case. if a user searches for a
 // particular field, then on the results page flips the toggle, THEN refreshes
 // without searching, this will keep the correct helper text showing.
 let searchTypeBoolean = computed(() => {
-  return searchType.value == 'Search CVE List' ? true : false;
+  return searchType.value === searchOptionLabel ? true : false;
 });
 
 watch(searchType, () => {
@@ -99,8 +105,8 @@ watch(
   () => route.query,
   () => {
     if (searchTypeBoolean.value && route.query?.query) {
-        queryString.value = route.query.query.trim();
-        validate();
+          queryString.value = route.query.query.trim();
+          validate();
     }
   }
 )
@@ -283,10 +289,6 @@ function resetSearch() {
   if (route?.name != 'home' || route?.query)
     router.push({name: 'home', query: {}});
 }
-
-const websiteEnv = computed(() => {
-  return import.meta.env.VITE_WEBSITE_ENVIRONMENT;
-});
 </script>
 
 <style scoped lang="scss">