<script setup lang="ts">
import { ref } from "vue"
const content = ref(`
* # Welcome to Enesis Editor

  Each **block** between blank lines is its own independent editor — click anywhere to start typing.

  * ## Text Formatting

    Try **bold**, *italic*, \`code\`, ~~strikethrough~~, ^^highlight^^, and $\LaTeX$ math.

  * ## References

    [[Known Page]] resolves. [[Missing Page]] shows via dashed border.

    ((unknown-block-id))

    Use #tags for categorization.

  * ## Tasks

    * TODO Write the documentation
    * DOING Implement the parser
    * DONE Set up the build pipeline

  * ## Table

    | Feature | Status |
    | --- | --- |
    | Blocks | Done |
    | Tables | Done |


  * ## Code

    \`\`\`typescript
    function greet(name: string): string {
      return \`Hello, \${name}!\`
    }
    \`\`\`

  * ## Callout

    > [!NOTE] Useful info for the reader
    > Plus multi-line functionality

  * ## Properties

    author:: Enesis Editor
    version:: 0.1.0
`)
</script>

<template>
  <AppEditor v-model:content="content" />
</template>
