Personal website for Trevor Eyre
storybook-mdx-vue-example's Introduction
storybook-mdx-vue-example's People
Forkers
aaron-pool jeffwcx danilovaz peet86 scra3 toby381 pbeekman sonim1 jamesedwardbaldonadoii tanuj22 bastianallgeier tiago-israel darl0ck gesseekur jackie19 mugetsu saschafuchs jamesabell alexnm channasmcs cibiccoco ipunganwar farnabaz mtipps lucasvst wanzargen laihua-coder elisiondan ihearty kouts christian-thomas ladislasbryla ainsleybernard shingo-sasaki-0529 lautr watervenice7 smonetti marnitzmalan alastair38 jodmsoluth kitwon marianicolosi liyann m3noa jonuk yikl1004 mchl18 vaban-ru aniketicloud bethqiang yankeetube fjanevski rubensikkens txs1992 jenny-nguyen zhouzuchuan mrscotttian imbaoss diana-m-gonzalez-p pqdong luizeboli danniiegil dfvalero tibdev78 imjivoi huddlehouse jonsalvas sniperadmin heihong yumwey saganic asli-tuzcuoglu-bytro kabarchonok maksim-kononov-csssr achuan9 watsuyo bahadirsofuoglu jchegenye wolvi1984 chunaixxx phunhakent myaacoubi neyasbltb88 tongxunlu cxzx150133 andrewsgomesviamo mouhsin007 matsko veralimita wanfzzstorybook-mdx-vue-example's Issues
Nuxt usage
Hi!
Thanks for putting this example out there. I'm using Nuxt and I'm trying to implement this code into my own project, but I get this jsx error:
WARNING in ./components/stories/Button.stories.mdx 4:0
Module parse failed: Unexpected token (4:0)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
| import Button from '@/components/Button'
|
> <Meta title="Button Docs" component={Button} />
|
| # Button Docs
@ \.)(?=.)[^\/]*?\.stories\.(js|mdx))$ (./components/stories sync ^\.\/(?:(?:|\/|(?:(?:(?!(?:|\/)\.).)*?)\/)(?!\.)(?=.)[^\/]*?\.stories\.(js|mdx))$) ./Button.stories.mdx
@ ./.storybook/generated-entry.js
@ multi ./node_modules/@storybook/core/dist/server/common/polyfills.js ./node_modules/@storybook/core/dist/server/preview/globals.js ./.storybook/preview.js ./.storybook/generated-entry.js (webpack)-hot-middleware/client.js?reload=true&quiet=true
Any suggestions? Cheers
Config in main.js not loading .js stories.
I am using storybook with a Nuxt project.
I have used your config in main.js
to load mdx
files but now it isn't loading .js
files.
Here are the config files: https://gist.github.com/yasgreen93/3e7e195507c5ed1255fa588df02840aa
My folder structure is like so:
.storybook
...config files...
components
Button
Button.vue
Button.stories.mdx
BaseImage
BaseImage.vue
BaseImage.stories.js
stories
intro.stories.js
Running yarn storybook
, everything runs well.
However running yarn build-storybook && npx http-server storybook-static
only builds the mdx files.
Can you see if I am missing anything?
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. ๐๐๐
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google โค๏ธ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.