const filterOptions = reactive({
  typeAnnonce: "location",
  typeBien: "",
  lieu: "",
  price: 0
})

// console.log({util})
const filteredOptions = computed(() => {
  return Object.fromEntries(
      Object.entries(filterOptions).filter(([key, value]) => {
        return !(util.isString(value) && value === "");
      }))
});

const {data: annoncesData, status} = await useApi("/annonces/allPublic", {
  params: {
    ...filteredOptions,
    limit: 9,
    page: page
  },
  transform: data => {
    return data.data
  },
})

const filterOptions = reactive({
  typeAnnonce: "location",
  typeBien: "",
  lieu: "",
  price: 0
})

// console.log({util})
const filteredOptions = computed(() => {
  return Object.fromEntries(
      Object.entries(filterOptions).filter(([key, value]) => {
        return !(util.isString(value) && value === "");
      }))
});

const {data: annoncesData, status} = await useApi("/annonces/allPublic", {
  params: {
    ...filteredOptions,
    limit: 9,
    page: page
  },
  transform: data => {
    return data.data
  },
})