Code Era

< template >   < Div >     < input       type = "text"       v-model ="searchquery"       @ input ="filtereddata()"       placeholder = "Search title.."     />     < div v-if ="checkpw" class = "card" >       < div class = "card-header" >         < span class = "h3 text-primary mt-4" > Production Files </ span >       </ div >       < ul         class = "list-group list-group-flush"         v-for ="(value, index) in urls"         : key ="index"       >         < li class = "list-group-item h5" >           < i class = "bi bi-file-earmark-zip-fill text-primary h3 mx-2" ></ i >           < span > {{ value ...

 <template>   <div class="card" v-if="checkpw">     <div class="card-header">       <span class="h3 text-primary mt-4">Production Script Files</span>     </div>     <ul class="list-group list-group-flush" v-for="(value, index) in urls" :key="index">       <li class="list-group-item h5">         <i class="bi bi-file-earmark-zip-fill text-primary h3 mx-2"></i>        <span> {{ value }} </span>       <a :href="`https://production.brighterbins.com/production/download/${value}`" class="btn btn-primary px-3 py-2" download>Download </a>        </li>     </ul>       <!-- @click="psFileDownload(value)" -->   </div>   <div v-if="errormsg" class="text-danger">     <h5 class="pt-5 pt-5 text-d...

  < 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);         ...