fix search function from executing after invalid input and fix import

Author: ann-linh-mitre

src/components/PrimaryNavigation.vue

@@ -150,7 +150,7 @@
 </template>
 
 <script>
-import cveRecordSearch from './cveRecordSearchModule.vue';
+import cveRecordSearch from '@/components/cveRecordSearchModule.vue';
 
 export default {
   components: { cveRecordSearch },

src/components/cveRecordSearchModule.vue

@@ -6,7 +6,7 @@
           placeholder="Enter keywords (e.g.: CVE ID, sql injection, etc.)"/>
       </div>
       <div class="control">
-        <button @click="startSearch"
+        <button @click="validate"
           class="button cve-button cve-button-accent-warm"
           :class="{'is-loading': cveListSearchStore.isSearching, 'disabled': cveListSearchStore.isSeachButtonDisabled}"
           :aria-disabled="cveListSearchStore.isSeachButtonDisabled">
@@ -46,7 +46,7 @@ watch(
     if (route.query?.query){
       queryString.value = route.query.query.trim();
       validateQueryString();
-      if (!cveListSearchStore.showHelpText) {
+      if (!cveListSearchStore.isSeachButtonDisabled) {
         startSearch();
       }
     } else {
@@ -87,7 +87,14 @@ function validateQueryString() {
 }
 
 function onKeyUpEnter() {
+  validate()
+}
+
+function validate() {
+  console.log('>>>>> validate')
+  validateQueryString();
   if (!cveListSearchStore.isSeachButtonDisabled) {
+    console.log('>>>>> startsearch')
     startSearch();
   }
 }