add: map directions & set data load in form edit

src/stores/loads.js

@@ -1,11 +1,38 @@
 import { defineStore } from "pinia";
 import { ref } from "vue";
+import api from "../lib/axios";
 
 export const useLoadsStore = defineStore('load', () => {
-
+    const companyid = localStorage.getItem('id');
    const currentLoad = ref(null);
+   const loads = ref([])
+   const openModalEdit = ref(false);
+
+
+    const getCompanyLoads = async(filterQuery) => {
+        let filterArr = Object.values(filterQuery);
+        let cleanfilterArr =  filterArr.filter(n=>n);
+        var filterStr = "";
+        if(cleanfilterArr.length >0){
+            filterStr = cleanfilterArr.join("&");
+        }
+        console.log(filterStr);
+        try {
+            const endpoint = `/loads?company=${companyid}&${filterStr}`;
+            console.log(endpoint);
+            const {data} = await api.get(endpoint);
+            loads.value = data.data;
+        } catch (error) {
+            loads.value = [];
+            console.log(error);
+        }
+    }
+
 
    return {
-       currentLoad
+       currentLoad,
+       openModalEdit,
+       getCompanyLoads,
+       loads,
    }
 });