add preset.js

README.md

@@ -18,14 +18,12 @@ or with yarn:
 yarn add -D storybook-dark-mode
 ```
 
-Then, add the addon to your `.storybook/main.js`
+Then, add following content to `.storybook/main.js`
 
 ```js
 module.exports = {
-  addons: [
-    'storybook-dark-mode/register'
-  ],
-}
+  presets: ['storybook-dark-mode']
+};
 ```
 
 ## Configuration
@@ -211,6 +209,7 @@ Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/d
 
 <!-- markdownlint-enable -->
 <!-- prettier-ignore-end -->
+
 <!-- ALL-CONTRIBUTORS-LIST:END -->
 
 This project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!

package.json

@@ -1,7 +1,7 @@
 {
   "name": "storybook-dark-mode",
   "version": "1.0.3",
-  "description": "Toggle between light and dark mode in Storybook v5",
+  "description": "Toggle between light and dark mode in Storybook",
   "main": "dist/index.js",
   "source": "index.ts",
   "files": [
@@ -13,6 +13,10 @@
     "name": "Andrew Lisowski",
     "email": "[email protected]"
   },
+  "keywords": [
+    "storybook-addons",
+    "appearance"
+  ],
   "repository": {
     "type": "git",
     "url": "https://github.com/hipstersmoothie/storybook-dark-mode"

preset.js

@@ -0,0 +1,5 @@
+module.exports = {
+  managerEntries: (entry = []) => {
+    return [...entry, require.resolve('storybook-dark-mode/register')];
+  }
+};