<VueFormArchive>

Renders a archive button that calls the archive method on click. The button is automatically visible only in update mode.

<template>
  <VueForm>
    <template #default="{...}">
      <VueFormArchive
        v-slot="{ archiveItem, isArchiving, isReading, isLoading }"
      >
        <button @click="confirmArchive(archiveItem)" :disabled="isArchiving">
          {{ isArchiving ? "Deleting..." : "Delete" }}
        </button>
      </VueFormArchive>
    </template>
  </VueForm>
</template>

<script setup>
function confirmArchive(archiveItem) {
  if (confirm("Are you sure?")) {
    archiveItem();
  }
}
</script>

Slots

default

Slot Props

Name	Description
archiveItem	Function Wrapper for calling archive method
isArchiving	Boolean Check the context object docs
isReading	Boolean Check the context object docs
isLoading	Boolean Check the context object docs