How to manually trigger loading slot?

[zaaoak]

I added the loading slot into my EasyDataTable element, however i do not know how to trigger the loading image as my items are bound to a Const variable in the <script> of the vue SFC, and the variable gets its items from a pinia store which handles the async call.

 <easy-data-table
      :headers="headers"
      :items="scannedItems"
      :search-value="searchValue"
      alternating
      :table-height="720"
      table-class-name="customize-table"
      sort-by="ScanDateTime"
      SortType="desc"
    ><template #loading>
        <img :src="loading" style="width: 100px; height: 80px" />
      </template></easy-data-table>

      
      <script setup lang ="ts">
const scannerStore = useImportedStore()
const scannedItems = computed(() => {
  const scannedItemsArray = Object.values(scannerStore.scannedItems)
  return scannedItemsArray
})
onMounted(() => {
  var inputJSON = {
    user: authStore.getEMP,
    token: authStore.getToken,
    imported: 1
  }
  scannerStore.queryScannedImportedItems(
    inputJSON as { user: string; token: number; imported: number }
  )
})

pinia state

 state: () => ({
    scannedItems: {} as { [key: string]: OutputJSON },

Pinia action

  async queryScannedImportedItems(input: { user: string; token: number; imported: number }) {
      const response = await axiosInstance.get(`/getScannedItems`, {
        //this params will appear under the req object as "query" for the get request, if you want to use req.params, you have to include the data in the URL and your get request MUST look like this : '/getScannedItems/:userId'
        params: input
      })
      for (const key in response.data) {
        const obj = response.data[key]
        obj.ScanDateTime = new Date(obj.ScanDateTime)
      }
      Object.assign(this.scannedItems, response.data)
    }

[HC200ok]

please use loading prop.

[zaaoak]

please use loading prop.

oh ok i overlooked that, thank you