feat: integrate vite devtools

[arashsheyda]

🔗 Linked issue

closes #9

❓ Type of change

• 📖 Documentation (updates to the documentation or readme)
• 🐞 Bug fix (a non-breaking change that fixes an issue)
• 👌 Enhancement (improving an existing functionality like performance)
• ✨ New feature (a non-breaking change that adds functionality)
• ⚠️ Breaking change (fix or feature that would cause existing functionality to change)

📚 Description

this PR adds comark/devtools to vite devtools and fixes the React component to work in client-side environments

Vite DevTools Integration

• Vue: included automatically via @comark/vue/vite so user only need to register the Vite Devtools
• React / Svelte / HTML — add manually:

import { comarkDevtools } from 'comark/vite'
plugins: [DevTools(), react(), comarkDevtools()]

Other changes

while working on the devtools I found a bug with react example while vite devtools enabled:

App.tsx:13 <Comark> is an async Client Component. Only Server Components can be async at the moment. This error is often caused by accidentally adding `'use client'` to a module that was originally written for the server.

which the fix resulted in <Comark> component being no longer async, works in both client and server contexts

Screen.Recording.2026-05-31.at.1.00.26.AM.mov

📝 Checklist

• I have linked an issue or discussion.
• I have run pnpm verify and it passes.
• I have updated the documentation accordingly.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
comark	Ready	Preview	May 31, 2026 7:07am
comark-json-render	Ready	Preview	May 31, 2026 7:07am
comark-nextjs	Error		May 31, 2026 7:07am
comark-nuxt	Ready	Preview	May 31, 2026 7:07am
comark-svelte	Ready	Preview	May 31, 2026 7:07am
comark-sveltekit	Ready	Preview	May 31, 2026 7:07am
comark-twoslash	Ready	Preview	May 31, 2026 7:07am
comark-vue	Ready	Preview	May 31, 2026 7:07am