comarkdown · farnabaz · Mar 10, 2026 · Mar 5, 2026 · Mar 5, 2026 · Mar 5, 2026
diff --git a/AGENTS.md b/AGENTS.md
diff --git a/docs/app/components/ComarkDocs.ts b/docs/app/components/ComarkDocs.ts
@@ -1,9 +1,6 @@
-import { defineComarkComponent } from 'comark/vue'
-import math from '@comark/math'
-import mermaid from '@comark/mermaid'
-import cjk from '@comark/cjk'
-import { Math } from '@comark/math/vue'
-import { Mermaid } from '@comark/mermaid/vue'
+import { defineComarkComponent } from '@comark/vue'
+import math, { Math } from '@comark/vue/plugins/math'
+import mermaid, { Mermaid } from '@comark/vue/plugins/mermaid'
 import ProsePre from './landing/ProsePre.vue'
 import highlight from 'comark/plugins/highlight'
 import githubLight from '@shikijs/themes/github-light'
@@ -15,7 +12,6 @@ export default defineComarkComponent({
   plugins: [
     math(),
     mermaid(),
-    cjk(),
     highlight({
       themes: {
         light: githubLight,

diff --git a/docs/app/components/ContentRenderer.global.vue b/docs/app/components/ContentRenderer.global.vue
@@ -5,9 +5,8 @@ import type { AsyncComponentLoader, PropType } from 'vue'
 import htmlTags from '@nuxtjs/mdc/runtime/parser/utils/html-tags-list'
 import { globalComponents, localComponents } from '#content/components'
 import { useRuntimeConfig } from '#imports'
-import { ComarkRenderer } from 'comark/vue'
-import alert from 'comark/plugins/alert'
-import { Mermaid } from '@comark/mermaid/vue'
+import alert from '@comark/vue/plugins/alert'
+import { Mermaid } from '@comark/vue/plugins/mermaid'
 import type { ComarkTree, ComarkElement } from 'comark/ast'
 import type { MinimarkNode, MinimarkTree } from 'minimark'
 

diff --git a/docs/app/components/Playground.vue b/docs/app/components/Playground.vue
@@ -2,7 +2,7 @@
 import { parse } from 'comark'
 import highlight from 'comark/plugins/highlight'
 import { renderMarkdown } from 'comark/string'
-import { ComarkRenderer } from 'comark/vue'
+import { ComarkRenderer } from '@comark/vue'
 import { Splitpanes, Pane } from 'splitpanes'
 import { defaultMarkdown } from '~/constants'
 import { watchDebounced } from '@vueuse/core'

diff --git a/docs/app/components/og-image/OgImageDocs.vue b/docs/app/components/og-image/OgImageDocs.vue
@@ -23,9 +23,22 @@ function truncate(str: string, max: number) {
       style="width:200px;background:#eab308;padding:48px 0;"
     >
       <div style="flex:1;display:flex;align-items:center;justify-content:center;">
-        <svg xmlns="http://www.w3.org/2000/svg" width="100" height="62" viewBox="0 0 208 128" fill="none">
-          <path stroke="#09090b" stroke-width="8" d="M199 9v110H9V9h190Z" />
-          <path fill="#09090b" d="M128 51.25V32h19.937v19.25H128ZM128 96V76.75h19.937V96H128ZM158.063 51.25V32H178v19.25h-19.937Zm0 44.75V76.75H178V96h-19.937ZM30 98V30h20l20 25 20-25h20v68H90V59L70 84 50 59v39H30Z" />
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          width="100"
+          height="62"
+          viewBox="0 0 208 128"
+          fill="none"
+        >
+          <path
+            stroke="#09090b"
+            stroke-width="8"
+            d="M199 9v110H9V9h190Z"
+          />
+          <path
+            fill="#09090b"
+            d="M128 51.25V32h19.937v19.25H128ZM128 96V76.75h19.937V96H128ZM158.063 51.25V32H178v19.25h-19.937Zm0 44.75V76.75H178V96h-19.937ZM30 98V30h20l20 25 20-25h20v68H90V59L70 84 50 59v39H30Z"
+          />
         </svg>
       </div>
       <div style="font-family:'Geist Mono';font-size:11px;font-weight:600;color:#09090b;letter-spacing:0.12em;opacity:0.5;">
@@ -41,7 +54,10 @@ function truncate(str: string, max: number) {
         style="position:absolute;inset:0;background-image:radial-gradient(circle, rgba(234,179,8,0.03) 1px, transparent 1px);background-size:28px 28px;"
       />
 
-      <div class="flex flex-col flex-1 justify-center" style="position:relative;z-index:1;padding:48px 56px;">
+      <div
+        class="flex flex-col flex-1 justify-center"
+        style="position:relative;z-index:1;padding:48px 56px;"
+      >
         <div
           v-if="headline"
           style="font-family:'Geist Mono';font-size:13px;font-weight:600;letter-spacing:0.2em;text-transform:uppercase;color:#eab308;margin-bottom:24px;"

diff --git a/docs/app/pages/stream.vue b/docs/app/pages/stream.vue
@@ -1,6 +1,5 @@
 <script setup lang="ts">
 import { computed, nextTick, ref } from 'vue'
-import { Comark } from 'comark/vue'
 import { useMDCStream } from '../composables/useMDCStream'
 import { stringToStream } from '../composables/stringToStream'
 import resolveComponent from '../utils/components-manifest'
@@ -143,8 +142,6 @@ Everything you need for modern content parsing
 
 :landing-code-block
 
-:landing-cjk
-
 `
 
 const bytesLength = computed(() => state.value.content.length)

diff --git a/docs/app/pages/test.vue b/docs/app/pages/test.vue
@@ -1,5 +1,4 @@
 <script setup lang="ts">
-import { Comark } from 'comark/vue'
 import highlight from 'comark/plugins/highlight'
 import resolveComponent from '../utils/components-manifest'
 

diff --git a/docs/content/1.getting-started/0.introduction.md b/docs/content/1.getting-started/0.introduction.md
@@ -37,7 +37,7 @@ Comark parses this into an AST that can be rendered to [HTML](/rendering/html).
 
 ```vue [Vue]
 <script setup lang="ts">
-import { Comark } from 'comark/vue'
+import { Comark } from '@comark/vue'
 import Alert from './Alert.vue'
 
 const content = `
@@ -55,7 +55,7 @@ Welcome to Comark!
 ```
 
 ```tsx [React]
-import { Comark } from 'comark/react'
+import { Comark } from '@comark/react'
 import Alert from './Alert.tsx'
 
 const content = `
@@ -125,27 +125,27 @@ Comark is ideal for:
 
 ::card-group
 #default
-  ::card{icon="i-lucide-zap" title="Fast Parsing"}
+  ::card{icon="i-lucide-zap" title="Fast Parsing" to="/api/parse"}
   Optimized parser that handles large documents efficiently with minimal memory usage.
   ::
 
-  ::card{icon="i-lucide-component" title="Component Syntax"}
+  ::card{icon="i-lucide-component" title="Component Syntax" to="/syntax/components"}
   Embed custom components in Markdown with props, slots, and nested children.
   ::
 
-  ::card{icon="i-lucide-radio" title="Streaming Support"}
+  ::card{icon="i-lucide-radio" title="Streaming Support" to="/rendering/streaming"}
   Real-time incremental parsing for AI chat interfaces and live content.
   ::
 
-  ::card{icon="i-lucide-code" title="Framework Agnostic"}
+  ::card{icon="i-lucide-code" title="Framework Agnostic" to="/rendering/vue"}
   First-class support for both Vue and React with dedicated renderers.
   ::
 
-  ::card{icon="i-lucide-palette" title="Syntax Highlighting"}
+  ::card{icon="i-lucide-palette" title="Syntax Highlighting" to="/plugins/core/highlight"}
   Built-in Shiki integration for beautiful code blocks with theme support.
   ::
 
-  ::card{icon="i-lucide-file-text" title="GFM Support"}
+  ::card{icon="i-lucide-file-text" title="GFM Support" to="/syntax/markdown"}
   Full GitHub Flavored Markdown support including tables, task lists, and more.
   ::
 ::
@@ -174,22 +174,22 @@ Ready to get started? Follow these guides:
 
 ::card-group{cols="2"}
   ::card{icon="i-lucide-download" title="Installation" to="/getting-started/installation"}
-  Install Comark in your project
+  Install Comark in your project.
   ::
 
   ::card{icon="i-lucide-book-open" title="Comark Syntax" to="/syntax/components"}
-  Learn the component syntax
+  Learn how to use components in Markdown.
   ::
 
   ::card{icon="i-lucide-file-code" title="HTML Rendering" to="/rendering/html"}
-  Render Comark to HTML strings
+  Render Comark to HTML strings..
   ::
 
   ::card{icon="i-simple-icons-vuedotjs" title="Vue Rendering" to="/rendering/vue"}
-  Render Comark in Vue applications
+  Render Comark in Vue applications.
   ::
 
   ::card{icon="i-lucide-atom" title="React Rendering" to="/rendering/react"}
-  Render Comark in React applications
+  Render Comark in React applications.
   ::
 ::