chore: Linting for markdown and js

markdown/dev/reference/packages/components/blockquote/en.md

@@ -1,17 +1,17 @@
----
-title: Blockquote
----
+***
 
-The `Blockquote` component is a base blockquote that can be styled 
+## title: Blockquote
+
+The `Blockquote` component is a base blockquote that can be styled
 in a number of different ways via the `type` prop which can be set to:
 
- - note
- - warning
- - tip
- - fixme
- 
+*   note
+*   warning
+*   tip
+*   fixme
+
 It is typically used in our MDX content where we make the `Note`, `Warning`,
-`Tip` and `Fixme` components available in the global scope. They all use 
+`Tip` and `Fixme` components available in the global scope. They all use
 the `Blockquote` component under the hood.
 
 ## Examples
@@ -28,7 +28,6 @@ the `Blockquote` component under the hood.
 <Blockquote type='note'> This is a note </Blockquote>
 ```
 
-
 ### Type: tip
 
 <Tip> This is a tip </Tip>
@@ -41,7 +40,6 @@ the `Blockquote` component under the hood.
 <Blockquote type='tip'> This is a tip </Blockquote>
 ```
 
-
 ### Type: warning
 
 <Warning> This is a warning </Warning>

markdown/dev/reference/packages/components/draft/en.md

@@ -1,13 +1,13 @@
----
-title: Draft
----
+***
+
+## title: Draft
 
 The `Draft` component renders a FreeSewing pattern in the browser as SVG.
 
 To use the `Draft` component, pass it the result of `pattern.getRenderProps()`
 as props:
 
-```js 
+```js
 const renderProps = pattern.draft().getRenderProps()
 
 return <Draft {...renderProps} />
@@ -21,13 +21,12 @@ The `pattern.getRenderProps()` returns a range of props, including
 an SVG object on which the `preRender` hook gets called prior to
 returning.
 
-This way, svg.defs now holds all defs, including any that may have 
-been added by custom plugins, and we use this verbatim in our 
+This way, svg.defs now holds all defs, including any that may have
+been added by custom plugins, and we use this verbatim in our
 React component.
 
-This removes any discrepancies in how SVG rendering and React 
-rendering handles the defs section of the SVG document, 
+This removes any discrepancies in how SVG rendering and React
+rendering handles the defs section of the SVG document,
 and thus displays snippets.
 
 </Note>
-

markdown/dev/reference/packages/components/draftconfgurator/en.md

@@ -1,6 +1,6 @@
----
-title: DraftConfigurator
----
+***
+
+## title: DraftConfigurator
 
 The `DraftConfigurator` provides the user interface for configuring a draft.
 It is a rather complex component, that is used both for the freesewing.org website
@@ -11,5 +11,3 @@ as for our development environment.
 ## Example
 
 ![Screenshot of the component](example.png)
-
-

markdown/dev/reference/packages/components/emblem/en.md

@@ -1,6 +1,6 @@
----
-title: Emblem
----
+***
+
+## title: Emblem
 
 The `Emblem` component renders the freesewing word in the top-left of our navigation bar.
 
@@ -9,4 +9,3 @@ The `Emblem` component renders the freesewing word in the top-left of our naviga
 ## Example
 
 ![Screenshot of the component](example.png)
-

markdown/dev/reference/packages/components/en.md

@@ -1,6 +1,6 @@
----
-title: "@freesewing/components"
----
+***
+
+## title: "@freesewing/components"
 
 This is a collection for React components for FreeSewing's websites:
 

markdown/dev/reference/packages/components/example/en.md

@@ -1,6 +1,6 @@
----
-title: Example
----
+***
+
+## title: Example
 
 The `Example` component renders the [examples](/reference/packages/examples/) pattern.
 It is used throughout our developer documentation.
@@ -10,4 +10,3 @@ It is used throughout our developer documentation.
 ## Example
 
 <Example part="path_intersects" caption="The Example component used to illustrate the Path.intersects() method" />
-

markdown/dev/reference/packages/components/footer/en.md

@@ -1,6 +1,6 @@
----
-title: Footer
----
+***
+
+## title: Footer
 
 The `Footer` component is the shared footer we use on our websites.
 
@@ -9,4 +9,3 @@ The `Footer` component is the shared footer we use on our websites.
 ## Example
 
 ![Screenshot of the component](example.png)
-

markdown/dev/reference/packages/components/icon/en.md

@@ -1,8 +1,8 @@
----
-title: Icon
----
+***
 
-The `Icon` component renders a couple of icons that we use, but 
+## title: Icon
+
+The `Icon` component renders a couple of icons that we use, but
 are not available in the standard [material icon set](https://material.io/resources/icons/).
 
 <Fixme> Add more documentation for this component </Fixme>
@@ -20,4 +20,3 @@ are not available in the standard [material icon set](https://material.io/resour
 | `note`       |  <svg class="" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path stroke="none" fill="currentColor" d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z" ></path></svg> |
 | `tip`        |  <svg class="" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path stroke="none" fill="currentColor" d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z" ></path></svg> |
 | `warning`    |  <svg class="" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path stroke="none" fill="currentColor" d="M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z" ></path></svg> |
-

markdown/dev/reference/packages/components/linedrawing/en.md

@@ -1,6 +1,6 @@
----
-title: Linedrawing
----
+***
+
+## title: Linedrawing
 
 The `Linedrawing` component renders linedrawings for the FreeSewing patterns.
 
@@ -9,4 +9,3 @@ The `Linedrawing` component renders linedrawings for the FreeSewing patterns.
 ## Example
 
 ![Screenshot of the component](example.png)
-

markdown/dev/reference/packages/components/logo/en.md

@@ -1,6 +1,6 @@
----
-title: Logo
----
+***
+
+## title: Logo
 
 The `Logo` component renders the FreeSewing logo.
 
@@ -9,4 +9,3 @@ The `Logo` component renders the FreeSewing logo.
 ## Example
 
 ![Example of the logo](https://freesewing.org/logo.svg)
-

markdown/dev/reference/packages/components/navbar/en.md

@@ -1,6 +1,6 @@
----
-title: Navbar
----
+***
+
+## title: Navbar
 
 The `Navbar` component is the shared navigation bar we use at the top of our websites.
 
@@ -9,4 +9,3 @@ The `Navbar` component is the shared navigation bar we use at the top of our web
 ## Example
 
 ![Screenshot of the component](example.png)
-

markdown/dev/reference/packages/components/render/en.md

@@ -1,6 +1,6 @@
----
-title: Render
----
+***
+
+## title: Render
 
 The `Render` component is componet that renders a FreeSewing pattern.
 It's an alternative to rendering patterns as SVG, allowing for more
@@ -34,11 +34,11 @@ The name `Draft` is deprecated and will be removed in a future release.
 
 <Note>
 
-###### (*) Use `pattern.getRenderProps()` to get these props
+###### (\*) Use `pattern.getRenderProps()` to get these props
 
-The `width`, `height`, `settings`, and `parts` props are provided by the 
-[getRenderProps()](/reference/api/pattern/#getrenderprops) method of 
-the [Pattern](/reference/api/pattern/) object. 
+The `width`, `height`, `settings`, and `parts` props are provided by the
+[getRenderProps()](/reference/api/pattern/#getrenderprops) method of
+the [Pattern](/reference/api/pattern/) object.
 
 They are typically uses as in the example below:
 

markdown/dev/reference/packages/components/sampleconfigurator/en.md

@@ -1,6 +1,6 @@
----
-title: SampleConfigurator
----
+***
+
+## title: SampleConfigurator
 
 The `SampleConfigurator` provides the user interface for configuring sampling of a pattern.
 It is used in our development environment.
@@ -10,5 +10,3 @@ It is used in our development environment.
 ## Example
 
 <Fixme> Add screenshot </Fixme>
-
-

markdown/dev/reference/packages/components/spinner/en.md

@@ -1,6 +1,6 @@
----
-title: Spinner
----
+***
+
+## title: Spinner
 
 The `Spinner` component renders a loading indicator with the FreeSewing logo.
 
@@ -11,4 +11,3 @@ It is a pure SVG implementation, using SMIL for animation.
 ## Example
 
 ![Example of the spinner](example.svg)
-

markdown/dev/reference/packages/components/withgist/en.md

@@ -1,11 +1,10 @@
----
-title: WithGist
----
+***
+
+## title: WithGist
 
 The `WithGist` component is a higher order component that adds management of a `gist`
 to your component. A gist is almost the same as a recipe, that is, it stores all the data
 required to draft your pattern.
 
-This component is used under the hood in both the freesewing.org website as our 
+This component is used under the hood in both the freesewing.org website as our
 development environment.
-

markdown/dev/reference/packages/components/withlanguage/en.md

@@ -1,10 +1,9 @@
----
-title: WithLanguage
----
+***
+
+## title: WithLanguage
 
 The `WithLanguage` component is a higher order component that is used to inject
 the [react-intl](https://github.com/formatjs/react-intl) context into your component.
 
-This component is used under the hood in both the freesewing.org website as our 
+This component is used under the hood in both the freesewing.org website as our
 development environment.
-

markdown/dev/reference/packages/components/withstorage/en.md

@@ -1,10 +1,9 @@
----
-title: WithStorage
----
+***
+
+## title: WithStorage
 
 The `WithStorage` component is a higher order component that adds saving to and reading from
 (the browser's) local storage to your component.
 
-This component is used under the hood in both the freesewing.org website as our 
+This component is used under the hood in both the freesewing.org website as our
 development environment.
-

markdown/dev/reference/packages/components/workbench/en.md

@@ -1,6 +1,6 @@
----
-title: Workbench
----
+***
+
+## title: Workbench
 
 The `Workbench` component provides the FreeSewing development environment.
 It is a rather complex component, that is used as the entrypoint component
@@ -11,5 +11,3 @@ for our development environment.
 ## Example
 
 ![Screenshot of the component](example.png)
-
-