first commit

resources/js/views/demos/components/badge/DemoBadgeDynamicNotifications.vue

@@ -0,0 +1,32 @@
+<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="ri-vuejs-line"
+      />
+    </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>