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>