Select all rows of a paginated table

[wvffle]

Is your feature request related to a problem? Please describe.

My issue is kind of similar to #399. My table displays 10 items at a time and when I'm selecting all the rows, only 10 that are shown are being selected.

Describe the solution you'd like

An async function prop that is called when the select all button is clicked. The function would return an array of selected items or any other value that would be passed to v-model.

The 'any other value' meaning I can for example return a predefined const SELECT_ALL = Symbol() value and then handle bulk removal of items with:

const removeBulk = async () => {
  await $fetch('/api/items/bulk', {
    method: 'DELETE',
    body: selected.value === SELECT_ALL
      ? { type: 'all' }
      : { type: 'some', selected: selected.value }
  })
}

Describe alternatives you've considered

A 4th select all state to the table:

• None selected
• Some selected
• All from :rows selected
• All selected

The checkbox icon may change to something like this when all data are selected:

• https://api.iconify.design/bi:check-all.svg

Additional context