in similarity search axios is used

src/views/pages/KsSimilaritySearch.vue

@@ -35,13 +35,14 @@ import SelectButton from 'primevue/selectbutton'; // Import SelectButton
 import { useToast } from 'primevue/usetoast';
 import { watch, ref } from 'vue';
 import CodeSnippet from '@/components/CodeSnippet.vue';
+import axios from 'axios';
 
 const query = ref('');
 const dropdownItem = ref(null);
 const messages = ref([]);
 const toast = useToast();
 const dynamicCode = ref('');
-const filterQuery = ref("'KsApplicationName' == 'atf'")
+const filterQuery = ref("'KsApplicationName' == 'ATF'")
 
 const dropdownItems = [
   { name: 'Documentation', code: 'setup-documentation' },
@@ -49,11 +50,16 @@ const dropdownItems = [
   { name: 'SourceCode', code: 'sourcecode' }
 ];
 
-const sendQuery = async () => {
+const sendQuery = () => {
   if (query.value.trim() !== '' && filterQuery) {
-    try {
-      const response = await fetch(`/test/query_vector?query="${query.value}"&filterQuery=${filterQuery.value}`);
-      const data = await response.json();
+    axios.get('/test/query_vector', {
+      params: {
+        query: query.value,
+        filterQuery: filterQuery.value,
+      }
+    })
+    .then(response => {
+      const data = response.data;
       console.log('API response:', data);
 
       if (data && Array.isArray(data) && data.length > 0) {
@@ -62,12 +68,11 @@ const sendQuery = async () => {
       } else {
         toast.add({ severity: 'info', summary: 'Info', detail: 'No results found', life: 3000 });
       }
-    } catch (error) {
+    })
+    .catch(error => {
       console.error('Error sending query:', error);
       toast.add({ severity: 'error', summary: 'Error', detail: 'Failed to send query', life: 3000 });
-    }
-    //query.value = '';
-    //dropdownItem.value = null;
+    });
   } else {
     toast.add({ severity: 'warn', summary: 'Warning', detail: 'Please enter a query and select a type', life: 3000 });
   }