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

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

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

    <VAlert color="warning">
      I'm an error alert.
    </VAlert>

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

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