Code Era

  < template >   <!--begin::Card-->   < div : class =" `card pt-2 ${ cardClasses } ` " >     <!--begin::Card header-->     < div class = "card-header border-0" >       <!--begin::Card title-->       < div class = "card-title" >         < h2 > Invoices </ h2 >       </ div >       <!--end::Card title-->       <!--begin::Toolbar-->       < div class = "card-toolbar m-0" >         <!--begin::Tab nav-->         < ul           class = "nav nav-stretch fs-5 fw-bold nav-line-tabs nav-line-tabs-2x border-transparent"           role = "tablist"         >           < li class = "nav-item" role = "presentation" >   ...

 https://themeselection.com/item/materio-vuetify-vuejs-admin-template/

 https://vue-multiselect.js.org/

  const delteUser =   async (id) => {       Swal.fire({         title: "Are you sure you want to delete this user?" ,         showCancelButton: true ,         confirmButtonText: "Confirm" ,         showLoaderOnConfirm: true ,         preConfirm: () => {           return new Promise<void>((resolve) => {             setTimeout(() => {               resolve();             }, 2000 );           });         },         allowOutsideClick: false ,       }).then( async (result) => {         if (result.isConfirmed === true ) {           const resp = await deleteUser(id);         ...