@@ -124,6 +124,10 @@ your JSX runtime.
124
124
* If you’re using ** Theme UI** ,
125
125
install and configure [ ` @mdx-js/react ` ] [ mdx-react ] .
126
126
Then wrap your MDX content in a ` <ThemeProvider /> `
127
+ * If you’re using ** Solid** ,
128
+ install [ ` solid-jsx ` ] [ solid-jsx ] .
129
+ Set [ ` options.jsxImportSource ` ] [ options-jsximportsource ] to
130
+ ` 'solid-jsx' ` .
127
131
128
132
Other JSX runtimes are supported by setting
129
133
[ ` options.jsxImportSource ` ] [ options-jsximportsource ] .
@@ -134,6 +138,7 @@ For more info on the aforementioned tools, please see their dedicated sections:
134
138
[ ¶ Emotion] [ emotion ] ,
135
139
[ ¶ Preact] [ preact ] ,
136
140
[ ¶ React] [ react ] ,
141
+ [ ¶ Solid] [ solid ] ,
137
142
[ ¶ Svelte] [ svelte ] ,
138
143
[ ¶ Theme UI] [ themeui ] , or
139
144
[ ¶ Vue] [ vue ] .
@@ -857,6 +862,24 @@ for context based component passing.
857
862
See also [ ¶ Vite] [ vite ] and [ ¶ Vue CLI] [ vue-cli ] , which you might be using,
858
863
for more info.
859
864
865
+ #### Solid
866
+
867
+ <details >
868
+ <summary >Expand example</summary >
869
+
870
+ ``` js path="example.js"
871
+ import {compile } from ' @mdx-js/mdx'
872
+
873
+ const js = String (await compile (' # hi' , {jsxImportSource: ' solid-jsx' , /* otherOptions… */ }))
874
+ ```
875
+ </details >
876
+
877
+ Solid is supported when [ ` options.jsxImportSource ` ] [ options-jsximportsource ] is
878
+ set to ` 'solid-jsx' ` .
879
+
880
+ See also [ ¶ Vite] [ vite ] and [ ¶ Rollup] [ rollup ] which you might be using, for
881
+ more info.
882
+
860
883
### JavaScript engines
861
884
862
885
#### Node.js
@@ -875,6 +898,8 @@ See their readmes on how to configure them.
875
898
876
899
[ @next/mdx ] : https://github.com/vercel/next.js/tree/canary/packages/next-mdx
877
900
901
+ [ solid-jsx ] : https://github.com/high1/solid-jsx
902
+
878
903
[ svelte-jsx ] : https://github.com/kenoxa/svelte-jsx
879
904
880
905
[ jsx ] : #jsx
@@ -941,6 +966,8 @@ See their readmes on how to configure them.
941
966
942
967
[ snowpack ] : #snowpack
943
968
969
+ [ solid ] : #solid
970
+
944
971
[ svelte ] : #svelte
945
972
946
973
[ themeui ] : #theme-ui
1 commit comments
vercel[bot] commentedon Oct 24, 2022
Successfully deployed to the following URLs:
mdx – ./
mdx-mdx.vercel.app
mdx-git-main-mdx.vercel.app
mdxjs.com
v2.mdxjs.com