<template>
  <div>
    <button @click="showConfirm">点击显示 Confirm</button>
  </div>
</template>

<script lang="ts">
import Vue from 'vue'
import { Confirm } from '../../tunas'

Vue.use(Confirm)

export default Vue.extend({
  methods: {
    showConfirm() {
      this.$confirm({
        text: '这里是confirm的内容',
        title: '我是confirm',
        confirmTxt: '我是确定',
        cancelTxt: '我是取消',
        onConfirm() {
          console.warn('我是confirm的callback！')
        },
        onCancel() {
          console.warn('我是cancel的callback！')
        }
      })
    }
  }
})
</script>
