33 lines
596 B
Vue
33 lines
596 B
Vue
|
<script setup>
|
||
|
|
const notifications = ref()
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<template>
|
||
|
|
<div class="d-flex align-center">
|
||
|
|
<VBadge
|
||
|
|
:content="notifications"
|
||
|
|
:model-value="!!notifications"
|
||
|
|
color="success"
|
||
|
|
class="me-5"
|
||
|
|
>
|
||
|
|
<VIcon
|
||
|
|
size="40"
|
||
|
|
icon="tabler-brand-vue"
|
||
|
|
/>
|
||
|
|
</VBadge>
|
||
|
|
|
||
|
|
<div class="demo-space-x">
|
||
|
|
<VBtn @click="notifications = (notifications || 0) + 1">
|
||
|
|
Send Message
|
||
|
|
</VBtn>
|
||
|
|
|
||
|
|
<VBtn
|
||
|
|
color="error"
|
||
|
|
@click="notifications = 0"
|
||
|
|
>
|
||
|
|
Clear Notifications
|
||
|
|
</VBtn>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</template>
|