<template>
    <div class="column">
        <textarea v-model="input"></textarea>
        <pre>{{ timing }}ms</pre>
    </div>
    <div class="column">
        <Suspense>
            <template #fallback>
                <div class="loading"></div>
            </template>
            <Markdown v-if="input.length > 0" :content="input" v-model="timing"/>
        </Suspense>
    </div>
</template>

<script setup lang="ts">
const input = ref(""), timing = ref(0);
</script>