doc

Author: arnog

docs/mathfield/10-svelte.md

@@ -16,7 +16,7 @@ $ npm install --save-dev mathlive
 
 ## Create a Svelte Wrapper Component
 
-```svelte title="/src/lib/MathLive.svelte"
+```jsx title="/src/lib/MathLive.svelte"
 <script lang="ts">
   import "mathlive";
   import type { MathfieldElement, MathfieldElementAttributes } from "mathlive";
@@ -57,7 +57,7 @@ declare namespace svelteHTML {
 
 ## Usage
 
-```svelte
+```jsx
 <script>
   import MathField from "$lib/MathField.svelte";
 </script>
@@ -67,7 +67,7 @@ declare namespace svelteHTML {
 
 ## Customization
 
-```svelte
+```jsx
 <script>
   import MathField from "$lib/MathField.svelte";
   let value = $state("1");
@@ -89,14 +89,7 @@ declare namespace svelteHTML {
 
 <p>Current LaTeX: {value}</p>
 
-<button
-  onclick={() => {
-    value = "1 + 1";
-  }}
->reset to default</button>
+<button onclick={() => {value = "1 + 1";}}>
+  reset to default
+</button>
 ```
-
-<ReadMore path="https://github.com/arnog/svelte-mathlive" >
-A ready-to-run example project is available on **GitHub**<Icon name="chevron-right-bold" />
-</ReadMore>
-