docs: update examples

maraisr · Oct 23, 2023 · fce7e3f · fce7e3f
1 parent a6e0219
commit fce7e3f
Showing 1 changed file with 13 additions and 7 deletions.
diff --git a/readme.md b/readme.md
@@ -32,22 +32,29 @@ 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;
 ```
 
 > <details>
 > <summary>Chromatic users</summary>
 >
 > 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: {