formatIds = id => ({
  content: `alert-dialog-${id}`,
  header: `alert-dialog-${id}-label`,
  body: `alert-dialog-${id}-desc`
})
Hey! Welcome to @chakra-ui/vue AlertDialog

AlertDialog component is used interrupt the user with
a mandatory confirmation or action.

An alert dialog is a modal dialog that interrupts the user's
workflow to communicate an important message and acquire a response.
Examples include action confirmation prompts and error message confirmations.
The `alertdialog` role enables assistive technologies and browsers to
distinguish alert dialogs from other dialogs so they have the option
of giving alert dialogs special treatment, such as playing a system alert sound.

@see Docs     https://vue.chakra-ui.com/alertdialog
@see Source   https://github.com/chakra-ui/chakra-ui-vue/blob/master/packages/chakra-ui-core/src/CAlertDialog/CAlertDialog.js
@see A11y     https://github.com/chakra-ui/chakra-ui-vue/blob/master/packages/chakra-ui-core/src/CAlertDialog/accessibility.md
@see WAI-ARIA https://www.w3.org/TR/wai-aria-practices-1.2/#alertdialog