Include metadata of getItems query

[kieusonlam]

Hi,

I'm not sure what is the best way to implement this but I think meta data is needed for paging when quering a set of data.

How did you guys handle this right now?

[Intevel]

Currently we have the page param which you can provide. What do you mean with "meta data"

https://docs.directus.io/reference/query/#page

[kieusonlam]

Yes but it's not a part of params

https://docs.directus.io/reference/query/#metadata

export interface DirectusQueryParams {
  fields?: Array<string>;
  sort?: string | Array<string>;
  filter?: Record<string, unknown>;
  limit?: number;
  offset?: number;
  page?: number;
  alias?: string | Array<string>;
  deep?: Record<string, unknown>;
}

nuxt-directus/src/runtime/composables/useDirectusItems.ts

Line 23 in 7919b63

return items.data;

Also the return data is in the diferrent path

[Intevel]

So the page param isn't part of the meta data. You can provide it with normal params. But you are right currently the https://docs.directus.io/reference/query/#metadata is not supported. I will make an issue for that.

[leosin]

Is there any way to do pagination based on this module?
The official documentation is also only through?meta=total_count to get the total quantity

[Intevel]

@leosin I just pushed a new version, with the meta params support 👯

[leosin]

awesome!!! 😊 👍👍👍

[Intevel]

@kieusonlam Can you mark this as answered please?

[leosin]

Sorry, I have a stupid question
After version 2.4, the meta parameter was added, but I didn't have meta when I got the result, but I could see it when I requested it.

const { getItems } = useDirectusItems()
const fetchResults = async (i) => {
  try {
    const results = await getItems({
      collection: 'fagui',
      params: {
        search: i,
        limit: 10,
        page: 1,
        meta: 'filter_count',
      },
    })
    console.log('Results:', results)
  }
  catch (e) {}
   @@@}
await fetchResults(keyword.value)

Am I missing something?
@Intevel

[Intevel]

What do you mean with "but I didn't have meta when I got the result"

Youre filter_count meta is 9, and you receive 9 elements. I don't understand your problem.

[leosin]

sorry , It may be that I did not express it clearly

Although the meta parameter can be used.

but getItems() only get the value in 'data'

data:[.....]

how can i get filter_count value
@Intevel

const fetchPosts = async (i) => {
  const { data: blog }: any = await useFetch('/items/fagui/', {
    baseURL: useRuntimeConfig().public.baseURL,
    headers: { Authorization: `Bearer ${useRuntimeConfig().public.token}` },
    params: {
      search: i as string,
      limit: 10 as number, // maximum returned
      page: 1,
      meta: 'filter_count',
    },
  })
  // the maximum number of items that will be returned
  console.log('limit:', blog.value.data.length)

  // like this ,i can get meta.filter_count
  console.log('total:', blog.value.meta.filter_count)
}
fetchPosts(keyword)

[leosin]

[albericobenhur]

I tried to use the filter parameter and it gave undefined

[Intevel]

Hey @leosin, in the newest release you can access meta.
getItems will now return data and meta

[leosin]

that's great job, thank you very much 💯 💗 👍