fix: CvDataTable did not properly store/emit sort events

[markusdobler]

What was broken?

Clicking on a sortable header in a CvDataTable (e.g. the first two columns in the official story book didn't actually trigger the expected events:

• the sort icon for that column remained 'unsorted'
• the action always has order: undefined

Why ?

The code that emits cv:sort when clicking on a CvDataTableHeading uses the key value:

function onSortClick() {
  bus?.emit('cv:sort', {
    heading: { id: cvId.value, name: props.name },
    value: nextOrder[internalOrder.value],
  });
}

However, the receiving code destructs payload into a variable named val:

function onSort(payload) {
  const { heading, val } = payload;

As val doesn't acutally exist in the payload, the variable gets initialized to undefined, breaking the rest of that function.

What did you do?

Changed the code in onSort(payload) to use the variable named value instead of val.

How have you tested it?

• built the storybook with the fixed code
• opened the story for CvDataTables
• clicked on the sortable header
• confirmed that the sort indicator now iterates through "ascending", "descending" and "none"
• confirmed that the emitted onSort action now has the proper order

Were docs updated if needed?

• [x] N/A
• [ ] No
• [ ] Yes

[davidnixon]

Thanks for the fix!