<template>
  <div class="d-flex flex-column gap-4">
    <VAlert type="success">
      I'm a success alert.
    </VAlert>

    <VAlert type="info">
      I'm an info alert.
    </VAlert>

    <VAlert type="warning">
      I'm a warning alert.
    </VAlert>

    <VAlert type="error">
      I'm an error alert.
    </VAlert>
  </div>
</template>
