feat: article editor core

web/src/components/NewArticleModal.vue

@@ -16,16 +16,26 @@ function onCancel() {
 		<template #body>
 			<UForm :state="{ title, body }" class="space-y-4">
 				<UFormField label="Title" name="title">
-					<UInput v-model="title" placeholder="Article title" class="w-full" />
+					<UInput
+						v-model="title"
+						placeholder="Article title"
+						class="w-full"
+					/>
 				</UFormField>
 				<UFormField label="Body" name="body">
-					<UTextarea v-model="body" placeholder="Start writing…" class="w-full" />
+					<UTextarea
+						v-model="body"
+						placeholder="Start writing…"
+						class="w-full"
+					/>
 				</UFormField>
 			</UForm>
 		</template>
 		<template #footer>
 			<div class="flex w-full justify-end gap-2">
-				<UButton color="neutral" variant="outline" @click="onCancel">Cancel</UButton>
+				<UButton color="neutral" variant="outline" @click="onCancel"
+					>Cancel</UButton
+				>
 				<UButton disabled>Create article</UButton>
 			</div>
 		</template>