docs: add streamdown in comparison and update logo

Author: atinux

docs/app/components/AppHeaderLogo.vue

@@ -1,16 +1,17 @@
 <template>
   <svg
     xmlns="http://www.w3.org/2000/svg"
-    viewBox="0 0 567 128"
+    viewBox="0 0 576 128"
     fill="none"
   >
     <path
       stroke="currentColor"
       stroke-width="8"
-      d="M199 9v110H9V9h190Z"
-    /><path
+      d="M199 9v110H9V9z"
+    />
+    <path
       fill="currentColor"
-      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 59v39H30ZM265.944 61.192c-.864-6.144-5.472-10.08-10.944-10.08-7.776 0-12.288 6.24-12.288 16.608 0 10.272 4.512 16.608 12.288 16.608 5.76 0 10.368-4.032 11.232-10.56l11.808.576C276.6 86.44 266.904 94.312 255 94.312c-14.592 0-24-10.368-24-26.592 0-16.224 9.408-26.592 24-26.592 11.52 0 21.408 7.68 22.752 19.392l-11.808.672ZM311.41 94.312c-14.208 0-24.096-10.56-24.096-26.592 0-16.032 9.888-26.592 24.096-26.592s24.097 10.56 24.097 26.592c0 16.032-9.889 26.592-24.097 26.592ZM299.026 67.72c0 10.272 4.704 16.608 12.384 16.608 7.681 0 12.385-6.336 12.385-16.608 0-10.368-4.704-16.608-12.385-16.608-7.68 0-12.384 6.24-12.384 16.608ZM343.533 42.28h9.6l.288 7.008c2.016-5.376 5.472-8.16 10.272-8.16 4.608 0 7.488 2.784 9.216 8.928 1.728-5.664 5.376-8.928 10.368-8.928 7.776 0 11.52 6.72 11.52 20.16V93.16h-10.944V61.288c0-8.16-1.056-11.232-4.032-11.232-3.456 0-5.184 3.744-5.184 11.232V93.16h-10.944V61.288c0-8.16-1.248-11.232-4.512-11.232-3.072 0-4.8 3.744-4.8 11.232V93.16h-10.848V42.28ZM404.359 57.64c2.016-10.272 10.465-16.512 21.601-16.512 12.576 0 20.543 7.296 20.543 21.312v17.376c0 2.496.96 3.456 3.073 3.456h2.304v9.888h-2.784c-6.144 0-9.792-3.264-10.752-7.776-2.016 4.896-8.257 8.928-16.129 8.928-10.368 0-18.72-5.472-18.72-14.496 0-10.464 7.585-14.208 19.969-16.416l11.904-2.304c-.192-6.624-3.937-9.984-9.697-9.984-5.088 0-8.736 2.976-9.696 7.2l-11.616-.672Zm10.944 21.6c.096 3.072 2.784 5.472 8.448 5.472 6.72 0 11.713-4.704 11.713-12.48v-1.824l-9.312 1.632c-6.432 1.056-10.945 1.92-10.849 7.2ZM483.234 42.28l.768 9.504c1.728-6.528 5.856-9.504 12.576-9.504h10.656v9.888h-9.792c-7.392 0-10.464 3.552-10.464 11.424v19.68h15.648v9.888h-39.648v-9.888h12.864V52.168h-12.864V42.28h20.256ZM519.868 25h11.136v39.84l19.969-22.56h14.88l-19.776 21.504 20.927 29.376h-13.632l-14.687-21.312-7.681 9.024V93.16h-11.136V25Z"
+      d="M128 51.25V32h19.937v19.25zM128 96V76.75h19.937V96zM158.063 51.25V32H178v19.25zm0 44.75V76.75H178V96zM30 98V30h20l20 25 20-25h20v68H90V59L70 84 50 59v39zM282.435 75.2c-2.47 15.2-11.59 24.32-24.605 24.32-16.91 0-26.79-13.585-26.79-35.15 0-21.755 9.88-35.34 26.79-35.34 12.35 0 21.375 8.645 24.225 23.18l-11.97.665c-1.995-8.835-6.365-13.395-12.54-13.395-9.5 0-14.63 8.74-14.63 24.89 0 16.055 5.13 24.7 14.63 24.7 6.745 0 11.115-4.94 12.92-14.535zm31.028 23.94c-14.06 0-23.845-10.45-23.845-26.315s9.785-26.315 23.845-26.315 23.845 10.45 23.845 26.315-9.785 26.315-23.845 26.315m-12.255-26.315c0 10.165 4.655 16.435 12.255 16.435s12.255-6.27 12.255-16.435c0-10.26-4.655-16.435-12.255-16.435s-12.255 6.175-12.255 16.435m44.043-25.175h9.5l.285 6.935c1.995-5.32 5.415-8.075 10.165-8.075 4.56 0 7.41 2.755 9.12 8.835 1.71-5.605 5.32-8.835 10.26-8.835 7.695 0 11.4 6.65 11.4 19.95V98h-10.83V66.46c0-8.075-1.045-11.115-3.99-11.115q-5.13 0-5.13 11.115V98h-10.83V66.46c0-8.075-1.235-11.115-4.465-11.115-3.04 0-4.75 3.705-4.75 11.115V98h-10.735zm60.193 15.2c1.995-10.165 10.355-16.34 21.375-16.34 12.445 0 20.33 7.22 20.33 21.09v17.195c0 2.47.95 3.42 3.04 3.42h2.28V98h-2.755c-6.08 0-9.69-3.23-10.64-7.695-1.995 4.845-8.17 8.835-15.96 8.835-10.26 0-18.525-5.415-18.525-14.345 0-10.355 7.505-14.06 19.76-16.245l11.78-2.28c-.19-6.555-3.895-9.88-9.595-9.88-5.035 0-8.645 2.945-9.595 7.125zm10.83 21.375c.095 3.04 2.755 5.415 8.36 5.415 6.65 0 11.59-4.655 11.59-12.35v-1.805l-9.215 1.615c-6.365 1.045-10.83 1.9-10.735 7.125m67.223-36.575.76 9.405c1.71-6.46 5.795-9.405 12.445-9.405h10.545v9.785h-9.69c-7.315 0-10.355 3.515-10.355 11.305v19.475h15.485V98h-39.235v-9.785h12.73v-30.78h-12.73V47.65zm36.252-17.1h11.02v39.425l19.76-22.325h14.725l-19.57 21.28L566.394 98h-13.49l-14.535-21.09-7.6 8.93V98h-11.02z"
     />
   </svg>
 </template>

docs/content/1.getting-started/0.introduction.md

@@ -157,14 +157,15 @@ graph LR
 
 ## Comparison with Other Tools
 
-| Feature | Comark | MDX | Markdoc |
-|---------|------------|-----|---------|
-| Streaming support | :icon{name="i-lucide-check" class="text-green-500"} | :icon{name="i-lucide-x" class="text-red-500"} | :icon{name="i-lucide-x" class="text-red-500"} |
-| Vue support | :icon{name="i-lucide-check" class="text-green-500"} | :icon{name="i-lucide-x" class="text-red-500"} | :icon{name="i-lucide-check" class="text-green-500"} |
-| React support | :icon{name="i-lucide-check" class="text-green-500"} | :icon{name="i-lucide-check" class="text-green-500"} | :icon{name="i-lucide-check" class="text-green-500"} |
-| No build step | :icon{name="i-lucide-check" class="text-green-500"} | :icon{name="i-lucide-x" class="text-red-500"} | :icon{name="i-lucide-check" class="text-green-500"} |
-| Compact AST | :icon{name="i-lucide-check" class="text-green-500"} | :icon{name="i-lucide-x" class="text-red-500"} | :icon{name="i-lucide-x" class="text-red-500"} |
-| Auto-close for streams | :icon{name="i-lucide-check" class="text-green-500"} | :icon{name="i-lucide-x" class="text-red-500"} | :icon{name="i-lucide-x" class="text-red-500"} |
+| Feature | Comark | Streamdown | MDX | Markdoc |
+|---------|--------|------------|-----|---------|
+| Streaming support | :icon{name="i-lucide-check" class="text-green-500"} | :icon{name="i-lucide-check" class="text-green-500"} | :icon{name="i-lucide-x" class="text-red-500"} | :icon{name="i-lucide-x" class="text-red-500"} |
+| Component syntax | :icon{name="i-lucide-check" class="text-green-500"} | :icon{name="i-lucide-x" class="text-red-500"} | :icon{name="i-lucide-check" class="text-green-500"} | :icon{name="i-lucide-check" class="text-green-500"} |
+| Vue support | :icon{name="i-lucide-check" class="text-green-500"} | :icon{name="i-lucide-x" class="text-red-500"} | :icon{name="i-lucide-x" class="text-red-500"} | :icon{name="i-lucide-check" class="text-green-500"} |
+| React support | :icon{name="i-lucide-check" class="text-green-500"} | :icon{name="i-lucide-check" class="text-green-500"} | :icon{name="i-lucide-check" class="text-green-500"} | :icon{name="i-lucide-check" class="text-green-500"} |
+| No build step | :icon{name="i-lucide-check" class="text-green-500"} | :icon{name="i-lucide-check" class="text-green-500"} | :icon{name="i-lucide-x" class="text-red-500"} | :icon{name="i-lucide-check" class="text-green-500"} |
+| Compact AST | :icon{name="i-lucide-check" class="text-green-500"} | :icon{name="i-lucide-x" class="text-red-500"} | :icon{name="i-lucide-x" class="text-red-500"} | :icon{name="i-lucide-x" class="text-red-500"} |
+| Auto-close for streams | :icon{name="i-lucide-check" class="text-green-500"} | :icon{name="i-lucide-check" class="text-green-500"} | :icon{name="i-lucide-x" class="text-red-500"} | :icon{name="i-lucide-x" class="text-red-500"} |
 
 ## Next Steps