feat: article editor core

web/src/components/ArticleStatusBadge.vue

@@ -2,7 +2,7 @@
 withDefaults(
 	defineProps<{
 		online: boolean
-		size?: 'sm' | 'md'
+		size?: 'sm' | 'md' | 'lg'
 	}>(),
 	{
 		size: 'md',
@@ -11,7 +11,13 @@ withDefaults(
 </script>
 
 <template>
-	<UBadge v-if="online" color="neutral" variant="solid" icon="i-lucide-globe" :size="size">
+	<UBadge
+		v-if="online"
+		color="neutral"
+		variant="solid"
+		icon="i-lucide-globe"
+		:size="size"
+	>
 		Online
 	</UBadge>
 	<UBadge
@@ -20,7 +26,7 @@ withDefaults(
 		variant="outline"
 		icon="i-lucide-pencil-line"
 		:size="size"
-		class="px-2"
+		:class="size === 'lg' ? undefined : 'px-2'"
 	>
 		Draft
 	</UBadge>