Outline button with inline count badge

<script setup lang="ts">
import { Badge } from "@/components/reui/badge"
import { Button } from "@/components/ui/button"
</script>

<template>
  <Button variant="outline" class="gap-2" aria-label="Messages (12)">
    Messages
    <Badge variant="destructive-outline" size="sm" aria-hidden="true">
      12
    </Badge>
  </Button>
</template>