closeable on va-alert doesn't work for me

[haofoooo]

Click the close button 'x' but the alert is still there. Anyone can help me? Thanks in advance!! :)

( My vuestic-admin version is 3.0.2. )

<div class="mb-2">
  <va-alert dense class="mb-0" color="warning" closeable>
    <template #icon>
      <va-icon class="ion-md-notifications"/>
    </template>
    {{ $t('foo bar') }}
  </va-alert>
</div>

[m0ksem]

Hi! You need to set v-model for this alert or use stateful prop.

<div class="mb-2">
  <va-alert dense class="mb-0" color="warning" closeable v-model="doShowMyFancyAlert">
    <template #icon>
      <va-icon class="ion-md-notifications"/>
    </template>
    {{ $t('foo bar') }}
  </va-alert>
</div>

or with stateful component has its own state.

<div class="mb-2">
  <va-alert dense class="mb-0" color="warning" closeable stateful>
    <template #icon>
      <va-icon class="ion-md-notifications"/>
    </template>
    {{ $t('foo bar') }}
  </va-alert>
</div>

Looks like we forget to make it in vuestic-admin 🙂

More info here: https://vuestic.dev/en/ui-elements/alert#closeable

[haofoooo]

Yes yes yes! Problem solved! Thank you for your timely and clear answer! You just saved a noobie hahaha!!