comments for development

src/components/TableComp.vue

@@ -5,6 +5,9 @@
     <div v-if="responseData">
         <table class="table">
             <thead>
+                <tr>
+
+                </tr>
                 <tr>
                     <th v-for="item in headers">{{ item }}</th>
                 </tr>
@@ -40,17 +43,25 @@ const responseData = ref("")
 const searchWhat = ref(searchStore.searchParams.query)
 
 const query={...searchStore.searchParams}
+
+const keys_of_a_data=ref()
 // const workingVar = {
 //          query: "Thailand",
 //          search_type: "precise",
 //         page_num: "2",
 //          page_size: "2"
 //        }
+
+//responseData = {data:(100)[...], pagination:{...}}
+//data =[{metadata: {...} , search: {...} },{},{}]
 onMounted(()=>{
     fetchData("/search","POST",query).then(response =>{
         console.log("response apple: ",response)
         responseData.value = response
-        console.log(response)
+        console.log("response starfish: ",Object.keys(response.data[0]))
+        keys_of_a_data.value = Object.keys(response.data[0])
+        console.log("keys_of_a_data: ",keys_of_a_data)
+        
     }).catch(error=>{
         responseData.value = "error"
         console.log(error)