chore(markdown): Avoid inline JSX where possible

markdown/dev/guides/patterns/config/en.md

@@ -3,7 +3,7 @@ title: Configuration
 order: 10
 ---
 
-<Example part="docs_overview" options={{focus: "config"}}>
+<Example part="docs_overview" options_focus="config">
 
 The pattern configuration holds important information about the pattern
 

markdown/dev/guides/patterns/parts/en.md

@@ -3,7 +3,7 @@ title: Parts
 order: 20
 ---
 
-<Example part="docs_overview" options={{focus: "Part"}}>
+<Example part="docs_overview" options_focus="Part">
 Parts divide your pattern into re-usable components
 </Example>
 

markdown/dev/guides/patterns/paths/en.md

@@ -3,7 +3,7 @@ title: Paths
 order: 40
 ---
 
-<Example part="docs_overview" options={{focus: "Paths"}}>
+<Example part="docs_overview" options_focus="Paths">
 Paths are the lines and curves of your pattern
 </Example>
 

markdown/dev/guides/patterns/pattern/en.md

@@ -3,7 +3,7 @@ title: Pattern
 order: 80
 ---
 
-<Example part="docs_overview" options={{focus: "Pattern"}}>
+<Example part="docs_overview" options_focus="Pattern">
 The pattern you create will be a constructor for instances of your pattern
 </Example>
 

markdown/dev/guides/patterns/points/en.md

@@ -3,7 +3,7 @@ title: Points
 order: 30
 ---
 
-<Example part="docs_overview" options={{focus: "Points"}}>
+<Example part="docs_overview" options_focus="Points">
 Points store coordinates
 </Example>
 

markdown/dev/guides/patterns/snippets/en.md

@@ -3,7 +3,7 @@ title: Snippets
 order: 50
 ---
 
-<Example part="docs_overview" options={{focus: "Snippets"}}>
+<Example part="docs_overview" options_focus="Snippets">
 Snippets are little embelishments that go on your pattern
 </Example>
 

markdown/dev/guides/patterns/store/en.md

@@ -3,7 +3,7 @@ title: Store
 order: 60
 ---
 
-<Example part="docs_overview" options={{focus: "Store"}}>
+<Example part="docs_overview" options_focus="Store">
 The store provides pattern-wide key/value storage
 </Example>
 

markdown/dev/guides/prerequisites/bezier-curves/en.md

@@ -17,7 +17,7 @@ In FreeSewing, we use so-called cubic Bézier curves which have:
  - A second control point that’s linked to the end point
  - An end point
 
-<Example settings={{complete: false}} part="path_curve">
+<Example settings_complete="0" part="path_curve">
 An example of a Bézier curve drawn by the Path.curve() method
 </Example>
 

markdown/dev/tutorials/pattern-design/paperless-bib/en.md

@@ -83,7 +83,7 @@ if (paperless) {
 
 There's a lot going on, but it's mostly repetition. To see what that did to your pattern, you have to enable *paperless mode* in your developing environment; you can find the option under *Pattern options* on the right. Let's look at the end result, and discuss:
 
-<Example pattern="tutorial" part="bib" setting={{paperless: true }}>
+<Example pattern="tutorial" part="bib" settings_paperless="true">
 Your paperless bib
 </Example>