This code is for a spreadsheet, and I need to add the feature of deleting rows by selecting one or more rows. The delete button will appear when the rows are selected

$($

the delete button is hidden and appears after the rows are selected

$)$

$,$

$$then press it to delete the selected rows.

import $\{$ shallowRef $\}$ from "vue"

export default $\{$

data$()\{$

return $\{$

rangeValues: $"",$

minMaxDates: $"",$

selectedCostcenter: null,

loading: false,

search: $"",$

selected: $[],$

headers: $[$

$\{$

title: $"",$

align: "start",

sortable: false,

key: "sequence",

$\},$

$\{$ title: $"",$ key: "agentCode", sortable: true $\},$

$\{$ title: $"",$ key: "agentName", sortable: true $\},$

$\{$ title: $"",$ key: "agentType", sortable: true $\},$

$\{$ title: $"",$ key: "agentPhone", sortable: true $\},$

$\{$ title: $"",$ key: "agentEmail", sortable: true $\},$

$\{$ title: $"",$ key: "agentRegester", sortable: true $\},$

$],$

items: $[$

$\{$

sequence: $"1",$

agentCode: $1001563688,$

agentName: $"",$

agentType: $"",$

agentPhone: $"05999999999",$

agentEmail: "hotmail@hotmail.com",

agentRegester: $"1444/09/03-2023/03/2",$

$\},$

$\{$

sequence: $"2",$

agentCode: $119453267,$

agentName: $"",$

agentType: $"",$

agentPhone: $"05999999999",$

agentEmail: "hotmail@hotmail.com",

agentRegester: $"1444/09/03-2023/03/2",$

$\},$

$\{$

sequence: $"3",$

agentCode: $1773657432,$

agentName: $"",$

agentType: $"",$

agentPhone: $"05999999999",$

agentEmail: "hotmail@hotmail.com",

agentRegester: $"1444/09/03-2023/03/2",$

$\},$

$\{$

sequence: $"4",$

agentCode: $1091453246,$

agentName: $"",$

agentType: $"",$

agentPhone: $"05999999999",$

agentEmail: "hotmail@hotmail.com",

agentRegester: $"1444/09/03-2023/03/2",$

$\},$

$\{$

sequence: $"5",$

agentCode: $1137357332,$

agentName: $"",$

agentType: