diff --git a/readme.md b/readme.md index c123fef..b815741 100644 --- a/readme.md +++ b/readme.md @@ -32,11 +32,15 @@ This is free to use software, but if you do like it, consider supporting me ❤ npm install storybook-addon-grid ``` -```js +```diff // .storybook/main.js -module.exports = { - addons: [require.resolve('storybook-addon-grid')], +const config: StorybookConfig = { + addons: [ ++ 'storybook-addon-grid' + ], }; + +export default config; ``` >
@@ -44,10 +48,13 @@ module.exports = { > > Include this additional preset to configure the column guides for your Chromatic screenshots. > -> ```js +> ```diff > // .storybook/main.js -> module.exports = { -> addons: [require.resolve('storybook-addon-grid'), require.resolve('storybook-addon-grid/chromatic')], +> const config: StorybookConfig = { +> addons: [ +> 'storybook-addon-grid', +> 'storybook-addon-grid/chromatic', +> ], > }; > ``` > @@ -114,7 +121,6 @@ export const parameters = { ```js // MyComponent.stories.js - export const Example = () => {...}; Example.parameters = { grid: {