# Initial Prompt for Markdown Editor App

Add a Markdown live editor app, "Markdown Editor" (`/markdown-editor`) which has

- A control bar at the top of the page that stays in view
  - Button 7/3: Changes the split of editor and preview to 70% editor , 30% viewer
  - Button 5/5: Changes the split to be 50%/50% editor and viewer
  - Button 3/7: Changes the split to be 30% editor, 70% viewer
  - Format: Uses Prettier to format the contents of the editor
    - Run Prettier inside a Web Worker to avoid blocking the main UI thread
- A scrollable area that has been divided into two: Editor and rendered Markdown
  - The editor is on the left. It show Markdown text
  - The rendered markdown in on the right.
- Use standalone prettier, version 3.7.4 (latest)
  - See https://prettier.io/docs/browser for instructions