Badge with flag image

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

const PIXEL =
  "data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAUwAOw=="
</script>

<template>
  <Badge variant="outline">
    <img :src="PIXEL" alt="US" width="18" height="18" class="rounded-xs" />
    USA
  </Badge>
</template>