[Bug] adding <docs lang="md"></docs> fails without @mdx-js/react dependency explicitly installed #66
Description
When creating a new Story, and adding a <docs /> blog, an error is thrown:
11:35:16 AM [vite] Internal server error: Failed to resolve import "@mdx-js/react" from "src/components/b-button/b-button.stories.vue?vue&type=stories". Does the file exist?
Plugin: vite:import-analysis
File: /Users/floroz/Repository/brink/packages/brink-ui/src/components/b-button/b-button.stories.vue?vue&type=stories:25:57
23 | };
24 |
25 | import { useMDXComponents as _provideComponents } from "@mdx-js/react";
| ^
26 | import { jsx as _jsx } from "react/jsx-runtime";
27 | import {
at formatError (file:///Users/floroz/Repository/brink/node_modules/.pnpm/vite@4.4.8_@types+node@18.17.0_sass@1.64.2/node_modules/vite/dist/node/chunks/dep-75f53616.js:43944:46)
at TransformContext.error (file:///Users/floroz/Repository/brink/node_modules/.pnpm/vite@4.4.8_@types+node@18.17.0_sass@1.64.2/node_modules/vite/dist/node/chunks/dep-75f53616.js:43940:19)
at normalizeUrl (file:///Users/floroz/Repository/brink/node_modules/.pnpm/vite@4.4.8_@types+node@18.17.0_sass@1.64.2/node_modules/vite/dist/node/chunks/dep-75f53616.js:41754:33)
at async file:///Users/floroz/Repository/brink/node_modules/.pnpm/vite@4.4.8_@types+node@18.17.0_sass@1.64.2/node_modules/vite/dist/node/chunks/dep-75f53616.js:41898:47
at async Promise.all (index 2)
at async TransformContext.transform (file:///Users/floroz/Repository/brink/node_modules/.pnpm/vite@4.4.8_@types+node@18.17.0_sass@1.64.2/node_modules/vite/dist/node/chunks/dep-75f53616.js:41823:13)
at async Object.transform (file:///Users/floroz/Repository/brink/node_modules/.pnpm/vite@4.4.8_@types+node@18.17.0_sass@1.64.2/node_modules/vite/dist/node/chunks/dep-75f53616.js:44234:30)
at async loadAndTransform (file:///Users/floroz/Repository/brink/node_modules/.pnpm/vite@4.4.8_@types+node@18.17.0_sass@1.64.2/node_modules/vite/dist/node/chunks/dep-75f53616.js:54901:29)
at async viteTransformMiddleware (file:///Users/floroz/Repository/brink/node_modules/.pnpm/vite@4.4.8_@types+node@18.17.0_sass@1.64.2/node_modules/vite/dist/node/chunks/dep-75f53616.js:64296:32)Explicitly installing @mdx-js/react solves the issue.
System info:
System:
OS: macOS 13.1
Binaries:
Node: 18.17.1 - ~/.nvm/versions/node/v18.17.1/bin/node
npm: 9.6.7 - ~/.nvm/versions/node/v18.17.1/bin/npm
Browsers:
Chrome: 115.0.5790.170
Firefox: 112.0.1
Safari: 16.2
npmPackages:
@storybook/addon-a11y: 7.1.0 => 7.1.0
@storybook/addon-docs: 7.1.0 => 7.1.0
@storybook/addon-essentials: 7.1.0 => 7.1.0
@storybook/addon-interactions: 7.1.0 => 7.1.0
@storybook/addon-links: 7.1.0 => 7.1.0
@storybook/addon-mdx-gfm: 7.1.0 => 7.1.0
@storybook/addons: 7.1.0 => 7.1.0
@storybook/api: 7.1.0 => 7.1.0
@storybook/blocks: 7.1.0 => 7.1.0
@storybook/components: 7.1.0 => 7.1.0
@storybook/core-events: 7.1.0 => 7.1.0
@storybook/manager-api: 7.1.0 => 7.1.0
@storybook/preview-api: 7.1.0 => 7.1.0
@storybook/testing-library: 0.2.0 => 0.2.0
@storybook/theming: 7.1.0 => 7.1.0
@storybook/vue3: 7.1.0 => 7.1.0
@storybook/vue3-vite: 7.1.0 => 7.1.0
storybook-vue-addon: 0.4.0