change to named export

README.md

@@ -47,7 +47,7 @@ Enjoy!
 If you're using a tool like webpack or browserify to bundle your code, you can install it using npm.
 
 - install atrament as a dependency using `npm install --save atrament`.
-- You can access the Atrament class using `const Atrament = require('atrament');`
+- You can access the Atrament class using `import { Atrament } from 'atrament';`
 
 #### script tag
 
@@ -70,6 +70,8 @@ Thanks to [rubenstolk](https://github.com/rubenstolk), you can also use the [sc-
 - in your JavaScript, create an `Atrament` instance passing it your canvas object:
 
 ```js
+import { Atrament } from 'atrament';
+
 const canvas = document.querySelector('#sketchpad');
 const sketchpad = new Atrament(canvas);
 ```

index.js

@@ -1,3 +1,4 @@
 import Atrament from './src/atrament.js';
 
-export default Atrament;
+// eslint-disable-next-line import/prefer-default-export
+export { Atrament };

package.json

@@ -2,7 +2,8 @@
   "name": "atrament",
   "version": "2.0.0",
   "description": "Tiny JS library for beautiful drawing and handwriting on the HTML Canvas",
-  "main": "index.js",
+  "main": "./dist/atrament.min.js",
+  "module": "./index.js",
   "scripts": {
     "build": "webpack --config webpack.config.js",
     "watch": "webpack --config webpack.config.js --watch",

webpack.config.js

@@ -6,7 +6,7 @@ module.exports = {
     path: path.resolve('./dist'),
     filename: 'atrament.min.js',
     library: {
-      name: 'Atrament',
+      name: 'atrament',
       type: 'umd',
     },
   },