feat: support showing publish failed messages (#1209)

components/publish/PublishErrMessage.vue

@@ -0,0 +1,23 @@
+<script setup lang="ts">
+defineProps<{
+  describedBy: string
+}>()
+
+defineOptions({
+  inheritAttrs: false,
+})
+</script>
+
+<template>
+  <div
+    role="alert"
+    :aria-describedby="describedBy"
+    flex="~ col"
+    gap-1 text-sm
+    pt-1 ps-2 pe-1 pb-2
+    text-red-600 dark:text-red-400
+    border="~ base rounded red-600 dark:red-400"
+  >
+    <slot />
+  </div>
+</template>