Not working with Vue 3

[jannikbuscha]

Not working with Vue 3

When I create a Project like this: https://github.com/mdx-js/mdx/tree/master/examples/vue with Vue 3, I get this warning:

Also nothing happens

[wooorm]

xdm works now with vue 3: https://github.com/wooorm/xdm#vue.
This project will support it in ± 4 weeks maybe.

[jannikbuscha]

xdm works now with vue 3: https://github.com/wooorm/xdm#vue. This project will support it in ± 4 weeks maybe.

Thank you 👍

[jannikbuscha]

i saw that you have customized the docs and i wanted to test now already and i get this error with the vue.config.js configuration currently:

[wooorm]

and i wanted to test now already

The docs have been updated but the code has not been published.

---

Are you using Vue 3 with Vue CLI?

---

Can you swap out @mdx-js/loader with xdm/webpack.cjs to see if that still fails, and if so, make a reproduction?

[jannikbuscha]

and i wanted to test now already

The docs have been updated but the code has not been published.

Are you using Vue 3 with Vue CLI?

Can you swap out @mdx-js/loader with xdm/webpack.cjs to see if that still fails, and if so, make a reproduction?

i still get the error.

I use vue cli with this configuration:

[ChristianMurphy]

@jannikbuscha could you share a complete example of what you tried in a codesandbox? https://vue.new

[jannikbuscha]

@jannikbuscha could you share a complete example of what you tried in a codesandbox? https://vue.new

https://codesandbox.io/s/cool-breeze-e66xz?file=/src/App.vue

[jannikbuscha]

I have found the config error. You have to use end() when working with multiple loaders:

However, the MDXProvider does not work completely:

[wooorm]

Nice catch. Can I interest you in a fix for the docs?
And can you elaborate on the vue context API not working?

[wooorm]

For the second part: that’s because you have not configured @mdx-js/loader to use @mdx-js/vue:

.options({jsx: true, providerImportSource: '@mdx-js/vue' /* otherOptions… */})