ApostrophePiecesInsertModal-sample-1.vue

<template>
  <ApostropheModal @close="$emit('close')">
    <template slot="header">
      <p>New {{ options.label }}</p>
    </template>
    <template slot="body">
      <ApostropheSchemaEditor :fields="options.schema" v-model="pieceInfo" />
    </template>
    <template slot="footer">
      <slot name="footer">
        <button class="modal-default-button" @click="$emit('close')">
          Cancel
        </button>
        <button v-if="!pieceInfo.hasErrors" class="modal-default-button" @click="save()">
          Save
        </button>
      </slot>
    </template>
  </ApostropheModal>
</template>