update documentation

README.md

@@ -12,13 +12,31 @@ Then add the package to your `.mjmlconfig` file:
 
 ```json
 {
-	"packages": ["mjml-bar-chart/lib/index.js"]
+	"packages": ["mjml-bar-chart/build/index.js"]
 }
 ```
 
+Or import it and manually register the plugin.
+
+with **ESM**:
+```ecmascript 6
+import { registerComponent } from "mjml-core";
+import MjBarChart from "@freezystem/mjml-bar-chart";
+
+registerComponent(MjBarChart);
+```
+
+with **CJS**:
+```ecmascript 6
+const { registerComponent } = require("mjml-core");
+const MjBarChart = require("@freezystem/mjml-bar-chart");
+
+registerComponent(MjBarChart);
+```
+
 You can now use the `mjml-bar-chart` component in your MJML templates:
 
-```xml
+```mjml
 <mjml>
   <mj-body>
     <mj-section>

package.json

@@ -7,21 +7,21 @@
 	},
 	"version": "1.1.1",
 	"description": "A simple MJML component to make static bar charts",
-	"main":  "./build/umd/index.js",
+	"main":  "./build/index.js",
 	"module":  "./build/esm/index.js",
 	"types":  "./build/types/index.d.ts",
 	"exports": {
 		".": {
 			"types": "./build/types/index.d.ts",
-			"require": "./build/umd/index.js",
+			"require": "./build/index.js",
 			"import": "./build/esm/index.js",
-			"default": "./build/umd/index.js"
+			"default": "./build/index.js"
 		}
 	},
 	"scripts": {
 		"watch": "tsc --watch",
 		"prebuild": "rm -rf build",
-		"build": "tsc -b tsconfig.umd.json tsconfig.esm.json tsconfig.types.json",
+		"build": "tsc -b tsconfig.json tsconfig.esm.json tsconfig.types.json",
 		"postinstall": "npm run build",
 		"test": "jest",
 		"deps": "npm-check -u",

tsconfig.json

@@ -3,6 +3,8 @@
 	"compilerOptions": {
 		"rootDir": "src",
 		"types": ["node", "jest", "mjml", "mjml-core", "mjml-validator"],
+		"outDir": "build",
+		"module": "commonjs",
 		"target": "ESNext",
 		"moduleResolution": "node",
 		"esModuleInterop": true,