add nova

nova/resources/js/components/Badges/Badge.vue

@@ -0,0 +1,27 @@
+<template>
+  <span
+    class="inline-flex items-center whitespace-nowrap min-h-6 px-2 rounded-full uppercase text-xs font-bold"
+    :class="extraClasses"
+  >
+    <slot name="icon" />
+    <slot>
+      {{ label }}
+    </slot>
+  </span>
+</template>
+
+<script>
+export default {
+  props: {
+    label: {
+      type: [Boolean, String],
+      required: false,
+    },
+
+    extraClasses: {
+      type: [Array, String],
+      required: false,
+    },
+  },
+}
+</script>

nova/resources/js/components/Badges/CircleBadge.vue

@@ -0,0 +1,13 @@
+<template>
+  <span
+    class="h-4 inline-flex items-center justify-center font-bold rounded-full px-2 text-mono text-xs ml-1 bg-primary-100 text-primary-800 dark:bg-primary-500 dark:text-gray-800"
+  >
+    <slot />
+  </span>
+</template>
+
+<script>
+export default {
+  //
+}
+</script>