# All files / js/components/ui/badge Badge.vue

0% Statements 0/4
100% Branches 0/0
0% Functions 0/1
0% Lines 0/4

Press n or j to go to the next uncovered block, b, p or k for the previous block.

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27

     <script setup lang="ts">
    import type { PrimitiveProps } from "reka-ui"
    import type { HTMLAttributes } from "vue"
    import type { BadgeVariants } from "."
    import { reactiveOmit } from "@vueuse/core"
    import { Primitive } from "reka-ui"
    import { cn } from "@/lib/utils"
    import { badgeVariants } from "."

    const props = defineProps<PrimitiveProps & {
      variant?: BadgeVariants["variant"]
      class?: HTMLAttributes["class"]
    }>()

    const delegatedProps = reactiveOmit(props, "class")
    </script>

    <template>
      <Primitive
        data-slot="badge"
        :class="cn(badgeVariants({ variant }), props.class)"
        v-bind="delegatedProps"
      >
        <slot />
      </Primitive>
    </template>