sanifae/src/routes/new_post/+page.svelte

<script>
    import Area from '$lib/components/Area.svelte';

    import { handleSubmit } from '$lib/util.js';

    /** @type {import('./$types').ActionData} */
    export let form;
</script>

<style>
    textarea {
        width: 10rem;
        height: 10rem;
    }
</style>

<Area>
    <p slot="header">
        Create Post
    </p>
    <form slot="main" action='/api/postCreate' method='POST' on:submit|preventDefault={async e => form = JSON.parse(await handleSubmit(e)) }>
        <p>
            <textarea name='content'></textarea>
        </p>
        <p>
            <input formaction="?/create" type='submit' value='Post'>
        </p>
    </form>
    <p slot="footer">
        {#if form?.success}
            <p>{form?.success}</p>
        {/if}
        Create a post for the world to see.
    </p>
</Area>