feat: add v-confirm-directive

[kieuminhcanh]

Confirm

<template>
  <v-app>
    <div class="ma-4 pa-4">
      <VBtn
        prepend-icon="mdi-delete-outline"
        text="Delete"
        v-confirm="{
          text: `Are you sure?`,
          onSubmit: () => console.log(`Record has been deleted`),
          onCancel: () => console.log('Canceled'),
        }"
      />
    </div>
  </v-app>
</template>

<script setup>
  import { ref } from 'vue'
</script>

Confirm with input

<VBtn text="Change Username" 
    v-confirm="{ text: `Enter new name`, input, onSubmit}"/>

const input = ref('')

[yuwu9145]

Should we add/allow text-field props to VConfirm? So it's not hardcoded

[yuwu9145]

Oops, it has inputProps, but label is partially outside