feat: basic interactive & tags

src/components/MeatTag.vue

@@ -0,0 +1,16 @@
+<script lang="ts" setup>
+defineProps<{
+  active: boolean
+}>()
+</script>
+
+<template>
+  <span
+    class="tag rounded" p="x-2"
+    border="~ red-200 dark:red-800"
+    :bg="active ? 'red-500 opacity-90' : 'red-300 opacity-20'"
+    :text="active ? 'red-100' : 'red-800 dark:red-200'"
+  >
+    <slot />
+  </span>
+</template>