mirror of
https://github.com/AndersPier/v0-v0app.git
synced 2025-10-27 10:06:52 +00:00
60 lines
1.4 KiB
TypeScript
60 lines
1.4 KiB
TypeScript
|
"use client"
|
|||
|
|
import { MarkdownEditor } from "@/components/markdown-editor"
|
|||
|
|
|
|||
|
|
const defaultMarkdown = `# 🚀 Welcome to Markdown Editor
|
|||
|
|
|
|||
|
|
This is a **modern** markdown editor with *real-time* preview and a **colorful** interface!
|
|||
|
|
|
|||
|
|
## ✨ Features
|
|||
|
|
|
|||
|
|
- 🎨 Beautiful split-screen editing
|
|||
|
|
- ⚡ Live preview with instant updates
|
|||
|
|
- 🛠️ Rich formatting toolbar
|
|||
|
|
- 🌈 Modern, colorful UI
|
|||
|
|
|
|||
|
|
### 💻 Code Example
|
|||
|
|
|
|||
|
|
\`\`\`javascript
|
|||
|
|
function createAwesome() {
|
|||
|
|
console.log("Building something amazing! 🎉");
|
|||
|
|
return "success";
|
|||
|
|
}
|
|||
|
|
\`\`\`
|
|||
|
|
|
|||
|
|
### 📝 Lists & More
|
|||
|
|
|
|||
|
|
1. **First priority** - Get things done
|
|||
|
|
2. **Second priority** - Make it beautiful
|
|||
|
|
3. **Third priority** - Share with the world
|
|||
|
|
|
|||
|
|
- 🎯 Bullet points with style
|
|||
|
|
- 🚀 Another awesome point
|
|||
|
|
- 💡 Nested brilliance
|
|||
|
|
- ⭐ Even more nested goodness
|
|||
|
|
|
|||
|
|
### 🔗 Links and Media
|
|||
|
|
|
|||
|
|
[🌟 Visit our GitHub](https://github.com) for more amazing projects!
|
|||
|
|
|
|||
|
|
> 💬 This is a beautiful blockquote with some **bold** text and *italic* styling.
|
|||
|
|
|
|||
|
|
---
|
|||
|
|
|
|||
|
|
### 📊 Data Table
|
|||
|
|
|
|||
|
|
| Feature | Status | Priority |
|
|||
|
|
|---------|--------|----------|
|
|||
|
|
| Editor | ✅ Complete | High |
|
|||
|
|
| Preview | ✅ Complete | High |
|
|||
|
|
| Export | 🚧 In Progress | Medium |
|
|||
|
|
|
|||
|
|
Happy writing! ✨🎉`
|
|||
|
|
|
|||
|
|
export default function Home() {
|
|||
|
|
return (
|
|||
|
|
<div className="min-h-screen bg-gradient-to-br from-blue-50 via-indigo-50 to-purple-50">
|
|||
|
|
<MarkdownEditor initialContent={defaultMarkdown} />
|
|||
|
|
</div>
|
|||
|
|
)
|
|||
|
|
}
|