diff --git a/CHANGELOG.md b/CHANGELOG.md
index 188d4365..1f43901e 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,6 +1,11 @@
-# svelte-loader changelog
+# @non25/svelte-loader changelog
 
-## 3.1.2 (Unreleased)
+## 3.1.3
+
+* Readme overhaul
+* Remove outdated examples
+
+## 3.1.2
 
 * Update to latest `svelte-hmr` package fixing Webpack 4 support
 * Fix sourcemap breakpoints ([#183](https://github.com/sveltejs/svelte-loader/pull/183))
diff --git a/LICENSE.md b/LICENSE.md
index ea0fb28b..8e931c38 100644
--- a/LICENSE.md
+++ b/LICENSE.md
@@ -1,4 +1,4 @@
-Copyright (c) 2016-21 [these people](https://github.com/sveltejs/svelte-loader/graphs/contributors)
+Copyright (c) 2016-21 [these people](https://github.com/non25/svelte-loader/graphs/contributors)
 
 Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
 
diff --git a/README.md b/README.md
index 7b9fe51a..da35b21b 100644
--- a/README.md
+++ b/README.md
@@ -1,269 +1,183 @@
-# svelte-loader
+# @non25/svelte-loader
 
-[![Build Status](https://travis-ci.org/sveltejs/svelte-loader.svg?branch=master)](https://travis-ci.org/sveltejs/svelte-loader)
-
-A [webpack](https://webpack.js.org) loader for [svelte](https://svelte.technology).
+Fork of a [webpack](https://webpack.js.org) loader for [svelte](https://svelte.dev) with bugs fixed.
 
+Webpack 4 & 5 are supported.
 
 ## Install
 
+On the existing project, make sure to have following packages:
+
 ```
-npm install --save svelte svelte-loader
+npm install -D svelte @non25/svelte-loader svelte-preprocess postcss postcss-import postcss-load-config
 ```
 
-
 ## Usage
 
-Configure inside your `webpack.config.js`:
+Here's full-featured configuration with hot module replacement:
 
 ```javascript
+const MiniCssExtractPlugin = require('mini-css-extract-plugin');
+const sveltePreprocess = require('svelte-preprocess');
+const mode = process.env.NODE_ENV || 'development';
+const prod = mode === 'production';
   ...
   resolve: {
-    // see below for an explanation
+    // include only one version of svelte runtime
     alias: {
       svelte: path.resolve('node_modules', 'svelte')
     },
+
+    // import .svelte files without extension
     extensions: ['.mjs', '.js', '.svelte'],
+
+    // use sources of third-party svelte packages
     mainFields: ['svelte', 'browser', 'module', 'main']
   },
   module: {
     rules: [
       ...
       {
-        test: /\.(html|svelte)$/,
-        use: 'svelte-loader'
-      },
-      {
-        // required to prevent errors from Svelte on Webpack 5+, omit on Webpack 4
-        test: /node_modules\/svelte\/.*\.mjs$/,
-        resolve: {
-          fullySpecified: false
-        }
-      }
-      ...
-    ]
-  }
-  ...
-```
-
-Check out the [example project](https://github.com/sveltejs/template-webpack).
-
-### resolve.alias
-
-The [`resolve.alias`](https://webpack.js.org/configuration/resolve/#resolvealias) option is used to make sure that only one copy of the Svelte runtime is bundled in the app, even if you are `npm link`ing in dependencies with their own copy of the `svelte` package. Having multiple copies of the internal scheduler in an app, besides being inefficient, can also cause various problems.
-
-### resolve.mainFields
-
-Webpack's [`resolve.mainFields`](https://webpack.js.org/configuration/resolve/#resolve-mainfields) option determines which fields in package.json are used to resolve identifiers. If you're using Svelte components installed from npm, you should specify this option so that your app can use the original component source code, rather than consuming the already-compiled version (which is less efficient).
-
-### Extracting CSS
+        test: /\.svelte$/,
+        use: {
+          loader: '@non25/svelte-loader',
+          options: {
+            compilerOptions: {
+              // required by hot module replacement (HMR)
+              dev: !prod,
+            },
 
-If your Svelte components contain `<style>` tags, by default the compiler will add JavaScript that injects those styles into the page when the component is rendered. That's not ideal, because it adds weight to your JavaScript, prevents styles from being fetched in parallel with your code, and can even cause CSP violations.
+            // enable emitCss only for production
+            emitCss: prod,
 
-A better option is to extract the CSS into a separate file. Using the `emitCss` option as shown below would cause a virtual CSS file to be emitted for each Svelte component. The resulting file is then imported by the component, thus following the standard Webpack compilation flow. Add [MiniCssExtractPlugin](https://github.com/webpack-contrib/mini-css-extract-plugin) to the mix to output the css to a separate file.
+            // enable HMR only for development
+            hotReload: !prod,
 
-```javascript
-const MiniCssExtractPlugin = require('mini-css-extract-plugin');
-  ...
-  module: {
-    rules: [
-      ...
-      {
-        test: /\.(html|svelte)$/,
-        use: {
-          loader: 'svelte-loader',
-          options: {
-            emitCss: true,
+            // inline css imports in svelte components for equal dev/prod using postcss
+            preprocess: sveltePreprocess({
+              postcss: true
+            })
           },
         },
       },
       {
         test: /\.css$/,
         use: [
+          // make separate css bundle
           MiniCssExtractPlugin.loader,
-          {
-            loader: 'css-loader',
-            options: {
-              url: false, // necessary if you use url('/path/to/some/asset.png|jpg|gif')
-            }
-          }
+          'css-loader'
         ]
       },
       ...
     ]
   },
   ...
+  // enable sourcemaps in devmode
+  devtool: prod ? false : 'source-map',
+  ...
   plugins: [
-    new MiniCssExtractPlugin('styles.css'),
+    // make separate css bundle
+    new MiniCssExtractPlugin({
+      filename: '[name].css',
+    }),
     ...
   ]
   ...
 ```
 
-Additionally, if you're using multiple entrypoints, you may wish to change `new MiniCssExtractPlugin('styles.css')` for `new MiniCssExtractPlugin('[name].css')` to generate one CSS file per entrypoint.
-
-Warning: in production, if you have set `sideEffects: false` in your `package.json`, `MiniCssExtractPlugin` has a tendency to drop CSS, regardless of whether it's included in your svelte components.
-
-Alternatively, if you're handling styles in some other way and just want to prevent the CSS being added to your JavaScript bundle, use
+Create `postcss.config.js` for inlining css `@import`s:
 
 ```javascript
-...
-use: {
-  loader: 'svelte-loader',
-  options: {
-    compilerOptions: {
-      css: false
-    }
-  },
-},
-...
+module.exports = {
+  plugins: [
+    require('postcss-import')
+  ]
+}
 ```
 
-### Source maps
+If you have `postcss.config.js` already, then you may want to prevent emitted svelte component's css from getting processed twice. Read more [here](#css-import-in-components).
 
-JavaScript source maps are enabled by default, you just have to use an appropriate [webpack devtool](https://webpack.js.org/configuration/devtool/).
+Check out the [example project](https://github.com/sveltejs/template-webpack).
 
-To enable CSS source maps, you'll need to use `emitCss` and pass the `sourceMap` option to the `css-loader`. The above config should look like this:
+### resolve.alias
 
-```javascript
-module.exports = {
-    ...
-    devtool: "source-map", // any "source-map"-like devtool is possible
-    ...
-    module: {
-      rules: [
-        ...
-        {
-          test: /\.css$/,
-          use: [
-            MiniCssExtractPlugin.loader,
-            {
-              loader: 'css-loader',
-              options: {
-                sourceMap: true
-              }
-            }
-          ]
-        },
-        ...
-      ]
-    },
-    ...
-    plugins: [
-      new MiniCssExtractPlugin('styles.css'),
-      ...
-    ]
-    ...
-};
-```
+The [`resolve.alias`](https://webpack.js.org/configuration/resolve/#resolvealias) option is used to make sure that only one copy of the Svelte runtime is bundled in the app, even if you are `npm link`ing in dependencies with their own copy of the `svelte` package. Having multiple copies of the internal scheduler in an app, besides being inefficient, can also cause various problems.
+
+### resolve.mainFields
 
-This should create an additional `styles.css.map` file.
+Webpack's [`resolve.mainFields`](https://webpack.js.org/configuration/resolve/#resolve-mainfields) option determines which fields in package.json are used to resolve identifiers. If you're using Svelte components installed from npm, you should specify this option so that your app can use the original component source code, rather than consuming the already-compiled version (which is less efficient).
 
 ### Svelte Compiler options
 
-You can specify additional arbitrary compilation options with the `compilerOptions` config key, which are passed directly to the underlying Svelte compiler:
-```js
-...
-use: {
-  loader: 'svelte-loader',
-  options: {
-    compilerOptions: {
-      // additional compiler options here
-      generate: 'ssr', // for example, SSR can be enabled here
-    }
-  },
-},
-...
-```
+You can pass [available options](https://svelte.dev/docs#svelte_compile) directly to the svelte compiler in `compilerOptions`.
 
-### Hot Reload
+`dev` option is used in the development mode to improve debugging and because HMR requires it.
 
-This loader supports component-level HMR via the community supported [svelte-hmr](https://github.com/rixo/svelte-hmr) package. This package serves as a testbed and early access for Svelte HMR, while we figure out how to best include HMR support in the compiler itself (which is tricky to do without unfairly favoring any particular dev tooling). Feedback, suggestion, or help to move HMR forward is welcomed at [svelte-hmr](https://github.com/rixo/svelte-hmr/issues) (for now).
+### emitCss
 
-Configure inside your `webpack.config.js`:
+By default css from component's `<style>` tag will be injected by compiler-generated JavaScript when component is rendered. `emitCss` creates a virtual css file for each svelte component with `<style>` tag and adds corresponding import, which then gets processed by `css-loader`. [MiniCssExtractPlugin](https://github.com/webpack-contrib/mini-css-extract-plugin/) then makes separate css bundle from all css imports in your project, allowing to fetch style & code in parallel.
 
-```javascript
-// It is recommended to adjust svelte options dynamically, by using
-// environment variables
-const mode = process.env.NODE_ENV || 'development';
-const prod = mode === 'production';
+Warning: in production, if you have set `sideEffects: false` in your `package.json`, `MiniCssExtractPlugin` has a tendency to drop CSS, regardless of whether it's included in your svelte components.
 
-module.exports = {
-  ...
-  module: {
-    rules: [
+Alternatively, if you're handling styles in some other way and just want to prevent the CSS being added to your JavaScript bundle, put `css: false` in `compilerOptions`.
+
+### Source maps
+
+JavaScript source maps are enabled by default, you just have to use an appropriate [webpack devtool](https://webpack.js.org/configuration/devtool/).
+
+To enable CSS source maps, you'll need to use `emitCss` and pass the `sourceMap` option to the `css-loader`. 
+
+You'll have to choose to either opt out from HMR or from css source maps in dev mode, because HMR is incompatible with `emitCss`.
+
+```javascript
       ...
       {
-        test: /\.(html|svelte)$/,
-        use: {
-          loader: 'svelte-loader',
-          options: {
-            compilerOptions: {
-              // NOTE Svelte's dev mode MUST be enabled for HMR to work
-              dev: !prod, // Default: false
-            },
-
-            // NOTE emitCss: true is currently not supported with HMR
-            // Enable it for production to output separate css file
-            emitCss: prod, // Default: false
-            // Enable HMR only for dev mode
-            hotReload: !prod, // Default: false
-            // Extra HMR options, the defaults are completely fine
-            // You can safely omit hotOptions altogether
-            hotOptions: {
-              // Prevent preserving local component state
-              preserveLocalState: false,
-
-              // If this string appears anywhere in your component's code, then local
-              // state won't be preserved, even when noPreserveState is false
-              noPreserveStateKey: '@!hmr',
-
-              // Prevent doing a full reload on next HMR update after fatal error
-              noReload: false,
-
-              // Try to recover after runtime errors in component init
-              optimistic: false,
-
-              // --- Advanced ---
-
-              // Prevent adding an HMR accept handler to components with
-              // accessors option to true, or to components with named exports
-              // (from <script context="module">). This have the effect of
-              // recreating the consumer of those components, instead of the
-              // component themselves, on HMR updates. This might be needed to
-              // reflect changes to accessors / named exports in the parents,
-              // depending on how you use them.
-              acceptAccessors: true,
-              acceptNamedExports: true,
+        test: /\.css$/,
+        use: [
+          MiniCssExtractPlugin.loader,
+          {
+            loader: 'css-loader',
+            options: {
+              // this will work with HMR, source maps in production
+              sourceMap: prod
             }
           }
-        }
-      }
+        ]
+      },
       ...
-    ]
-  },
-  plugins: [
-    new webpack.HotModuleReplacementPlugin(),
-    ...
-  ]
-}
 ```
 
-You also need to add the [HotModuleReplacementPlugin](https://webpack.js.org/plugins/hot-module-replacement-plugin/). There are multiple ways to achieve this.
+This should create an additional `[name].css.map` file.
 
-If you're using webpack-dev-server, you can just pass it the [`hot` option](https://webpack.js.org/configuration/dev-server/#devserverhot) to add the plugin automatically.
+### Hot Module Replacement
 
-Otherwise, you can add it to your webpack config directly:
+This loader supports component-level HMR via the community supported [svelte-hmr](https://github.com/rixo/svelte-hmr) package. This package serves as a testbed and early access for Svelte HMR, while we figure out how to best include HMR support in the compiler itself (which is tricky to do without unfairly favoring any particular dev tooling). Feedback, suggestion, or help to move HMR forward is welcomed at [svelte-hmr](https://github.com/rixo/svelte-hmr/issues) (for now).
 
-```js
-const webpack = require('webpack');
+HMR expects that you use either [HotModuleReplacementPlugin](https://webpack.js.org/plugins/hot-module-replacement-plugin) or [devServer](https://webpack.js.org/configuration/dev-server).
 
-module.exports = {
+Configure inside your `webpack.config.js`:
+
+```javascript
+          ...
+          options: {
+            ...
+            hotReload: !prod,
+            hotOptions: {
+              // put options for svelte-hmr here
+            }
+            ...
+          }
   ...
+  // either this
   plugins: [
     new webpack.HotModuleReplacementPlugin(),
     ...
-  ]
+  ],
+  ...
+  // or this
+  devServer: {
+    hot: true
+  }
 }
 ```
 
@@ -273,50 +187,6 @@ It is advised to inline any css `@import` in component's style tag before it hit
 
 This ensures equal css behavior when using HMR with `emitCss: false` and production.
 
-Install `svelte-preprocess`, `postcss`, `postcss-import`, `postcss-load-config`.
-
-Configure `svelte-preprocess`:
-
-```javascript
-const sveltePreprocess = require('svelte-preprocess');
-...
-module.exports = {
-  ...
-  module: {
-    rules: [
-      ...
-      {
-        test: /\.(html|svelte)$/,
-        use: {
-          loader: 'svelte-loader',
-          options: {
-            preprocess: sveltePreprocess({
-              postcss: true
-            })
-          }
-        }
-      }
-      ...
-    ]
-  },
-  plugins: [
-    new webpack.HotModuleReplacementPlugin(),
-    ...
-  ]
-}
-...
-```
-
-Create `postcss.config.js`:
-
-```javascript
-module.exports = {
-  plugins: [
-    require('postcss-import')
-  ]
-}
-```
-
 If you are using autoprefixer for `.css`, then it is better to exclude emitted css, because it was already processed with `postcss` through `svelte-preprocess` before emitting.
 
 ```javascript
diff --git a/example/.gitignore b/example/.gitignore
deleted file mode 100644
index ceeb8a45..00000000
--- a/example/.gitignore
+++ /dev/null
@@ -1,2 +0,0 @@
-node_modules
-public/index.js
\ No newline at end of file
diff --git a/example/webpack1/.babelrc b/example/webpack1/.babelrc
deleted file mode 100644
index a8983579..00000000
--- a/example/webpack1/.babelrc
+++ /dev/null
@@ -1,5 +0,0 @@
-{
-  "presets": [
-    [ "es2015" ]
-  ]
-}
\ No newline at end of file
diff --git a/example/webpack1/package.json b/example/webpack1/package.json
deleted file mode 100644
index 4dbd0260..00000000
--- a/example/webpack1/package.json
+++ /dev/null
@@ -1,22 +0,0 @@
-{
-  "name": "svelte-loader-example",
-  "version": "0.0.0",
-  "description": "Example using svelte-loader",
-  "main": "index.js",
-  "private": true,
-  "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1",
-    "bundle": "webpack --display-error-details"
-  },
-  "license": "MIT",
-  "devDependencies": {
-    "babel-core": "^6.18.2",
-    "babel-loader": "^6.2.8",
-    "babel-preset-es2015": "^6.18.0",
-    "svelte-loader": "1.0.0",
-    "webpack": "^1.0.0"
-  },
-  "dependencies": {
-    "svelte": "^1.1.3"
-  }
-}
diff --git a/example/webpack1/public/index.html b/example/webpack1/public/index.html
deleted file mode 100644
index f073517d..00000000
--- a/example/webpack1/public/index.html
+++ /dev/null
@@ -1,15 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-  <title>Counter Example</title>
-</head>
-<body>
-  <div id="counter" style="padding: 5px; border: solid 1px #CCC"></div>
-
-  <p>
-    <button id="reset-counter">Reset Counter</button>
-  </p>
-
-  <script src="index.js"></script>
-</body>
-</html>
\ No newline at end of file
diff --git a/example/webpack1/public/index.js b/example/webpack1/public/index.js
deleted file mode 100644
index fc8a739c..00000000
--- a/example/webpack1/public/index.js
+++ /dev/null
@@ -1,597 +0,0 @@
-/******/ (function(modules) { // webpackBootstrap
-/******/ 	// The module cache
-/******/ 	var installedModules = {};
-/******/
-/******/ 	// The require function
-/******/ 	function __webpack_require__(moduleId) {
-/******/
-/******/ 		// Check if module is in cache
-/******/ 		if(installedModules[moduleId])
-/******/ 			return installedModules[moduleId].exports;
-/******/
-/******/ 		// Create a new module (and put it into the cache)
-/******/ 		var module = installedModules[moduleId] = {
-/******/ 			exports: {},
-/******/ 			id: moduleId,
-/******/ 			loaded: false
-/******/ 		};
-/******/
-/******/ 		// Execute the module function
-/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
-/******/
-/******/ 		// Flag the module as loaded
-/******/ 		module.loaded = true;
-/******/
-/******/ 		// Return the exports of the module
-/******/ 		return module.exports;
-/******/ 	}
-/******/
-/******/
-/******/ 	// expose the modules object (__webpack_modules__)
-/******/ 	__webpack_require__.m = modules;
-/******/
-/******/ 	// expose the module cache
-/******/ 	__webpack_require__.c = installedModules;
-/******/
-/******/ 	// __webpack_public_path__
-/******/ 	__webpack_require__.p = "";
-/******/
-/******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(0);
-/******/ })
-/************************************************************************/
-/******/ ([
-/* 0 */
-/***/ function(module, exports, __webpack_require__) {
-
-	module.exports = __webpack_require__(1);
-
-
-/***/ },
-/* 1 */
-/***/ function(module, exports, __webpack_require__) {
-
-	'use strict';
-	
-	var _counter = __webpack_require__(2);
-	
-	var _counter2 = _interopRequireDefault(_counter);
-	
-	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-	
-	var counter = new _counter2.default({
-	  target: document.querySelector('#counter')
-	}); /* global document */
-	
-	document.querySelector('#reset-counter').addEventListener('click', function () {
-	  counter.set({ count: 0 });
-	});
-
-/***/ },
-/* 2 */
-/***/ function(module, exports, __webpack_require__) {
-
-	'use strict';
-	
-	var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
-	
-	var Header = __webpack_require__(3);
-	
-	Header = Header && Header.__esModule ? Header['default'] : Header;
-	
-	var template = function () {
-		return {
-			data: function data() {
-				return {
-					count: 0
-				};
-			},
-	
-			components: {
-				Header: Header
-			}
-		};
-	}();
-	
-	function renderMainFragment(root, component) {
-		var header_initialData = {
-			dude: "walt"
-		};
-	
-		if ('count' in root) header_initialData.count = root.count;
-		var header = new template.components.Header({
-			target: null,
-			_root: component._root || component,
-			data: header_initialData
-		});
-	
-		var header_updating = false;
-	
-		component._bindings.push(function () {
-			if (header._torndown) return;
-			header.observe('count', function (value) {
-				header_updating = true;
-				component._set({ count: value });
-				header_updating = false;
-			});
-		});
-	
-		header._context = {
-			root: root
-		};
-	
-		var text = createText("\n\n");
-	
-		var p = createElement('p');
-	
-		appendNode(createText("Count: "), p);
-		var last_text2 = root.count;
-		var text2 = createText(last_text2);
-		appendNode(text2, p);
-		var text3 = createText("\n");
-	
-		var button = createElement('button');
-	
-		function clickHandler(event) {
-			var root = this.__svelte.root;
-	
-			component.set({ count: root.count + 1 });
-		}
-	
-		addEventListener(button, 'click', clickHandler);
-	
-		button.__svelte = {
-			root: root
-		};
-	
-		appendNode(createText("+1"), button);
-	
-		return {
-			mount: function mount(target, anchor) {
-				header._fragment.mount(target, anchor);
-				insertNode(text, target, anchor);
-				insertNode(p, target, anchor);
-				insertNode(text3, target, anchor);
-				insertNode(button, target, anchor);
-			},
-	
-			update: function update(changed, root) {
-				var __tmp;
-	
-				if (!header_updating && 'count' in changed) {
-					header._set({ count: root.count });
-				}
-	
-				header._context.root = root;
-	
-				if ((__tmp = root.count) !== last_text2) {
-					text2.data = last_text2 = __tmp;
-				}
-
-				button.__svelte.root = root;
-			},
-
-			teardown: function teardown(detach) {
-				header.destroy(detach);
-				removeEventListener(button, 'click', clickHandler);
-
-				if (detach) {
-					detachNode(text);
-					detachNode(p);
-					detachNode(text3);
-					detachNode(button);
-				}
-			}
-		};
-	}
-
-	function Counter(options) {
-		options = options || {};
-		this._state = Object.assign(template.data(), options.data);
-
-		this._observers = {
-			pre: Object.create(null),
-			post: Object.create(null)
-		};
-
-		this._handlers = Object.create(null);
-
-		this._root = options._root;
-		this._yield = options._yield;
-
-		this._torndown = false;
-		this._renderHooks = [];
-
-		this._bindings = [];
-		this._fragment = renderMainFragment(this._state, this);
-		if (options.target) this._fragment.mount(options.target, null);
-		while (this._bindings.length) {
-			this._bindings.pop()();
-		}this._flush();
-	}
-
-	Counter.prototype.get = get;
-	Counter.prototype.fire = fire;
-	Counter.prototype.observe = observe;
-	Counter.prototype.on = on;
-	Counter.prototype.set = set;
-	Counter.prototype._flush = _flush;
-
-	Counter.prototype._set = function _set(newState) {
-		var oldState = this._state;
-		this._state = Object.assign({}, oldState, newState);
-
-		dispatchObservers(this, this._observers.pre, newState, oldState);
-		if (this._fragment) this._fragment.update(newState, this._state);
-		dispatchObservers(this, this._observers.post, newState, oldState);
-
-		while (this._bindings.length) {
-			this._bindings.pop()();
-		}this._flush();
-	};
-
-	Counter.prototype.teardown = Counter.prototype.destroy = function destroy(detach) {
-		this.fire('destroy');
-
-		this._fragment.teardown(detach !== false);
-		this._fragment = null;
-
-		this._state = {};
-		this._torndown = true;
-	};
-
-	function createText(data) {
-		return document.createTextNode(data);
-	}
-
-	function insertNode(node, target, anchor) {
-		target.insertBefore(node, anchor);
-	}
-
-	function detachNode(node) {
-		node.parentNode.removeChild(node);
-	}
-
-	function createElement(name) {
-		return document.createElement(name);
-	}
-
-	function appendNode(node, target) {
-		target.appendChild(node);
-	}
-
-	function addEventListener(node, event, handler) {
-		node.addEventListener(event, handler, false);
-	}
-
-	function removeEventListener(node, event, handler) {
-		node.removeEventListener(event, handler, false);
-	}
-
-	function dispatchObservers(component, group, newState, oldState) {
-		for (var key in group) {
-			if (!(key in newState)) continue;
-
-			var newValue = newState[key];
-			var oldValue = oldState[key];
-
-			if (newValue === oldValue && (typeof newValue === 'undefined' ? 'undefined' : _typeof(newValue)) !== 'object') continue;
-
-			var callbacks = group[key];
-			if (!callbacks) continue;
-
-			for (var i = 0; i < callbacks.length; i += 1) {
-				var callback = callbacks[i];
-				if (callback.__calling) continue;
-
-				callback.__calling = true;
-				callback.call(component, newValue, oldValue);
-				callback.__calling = false;
-			}
-		}
-	}
-
-	function get(key) {
-		return key ? this._state[key] : this._state;
-	}
-
-	function fire(eventName, data) {
-		var handlers = eventName in this._handlers && this._handlers[eventName].slice();
-		if (!handlers) return;
-
-		for (var i = 0; i < handlers.length; i += 1) {
-			handlers[i].call(this, data);
-		}
-	}
-
-	function observe(key, callback, options) {
-		var group = options && options.defer ? this._observers.pre : this._observers.post;
-
-		(group[key] || (group[key] = [])).push(callback);
-
-		if (!options || options.init !== false) {
-			callback.__calling = true;
-			callback.call(this, this._state[key]);
-			callback.__calling = false;
-		}
-
-		return {
-			cancel: function cancel() {
-				var index = group[key].indexOf(callback);
-				if (~index) group[key].splice(index, 1);
-			}
-		};
-	}
-
-	function on(eventName, handler) {
-		if (eventName === 'teardown') return this.on('destroy', handler);
-
-		var handlers = this._handlers[eventName] || (this._handlers[eventName] = []);
-		handlers.push(handler);
-
-		return {
-			cancel: function cancel() {
-				var index = handlers.indexOf(handler);
-				if (~index) handlers.splice(index, 1);
-			}
-		};
-	}
-
-	function set(newState) {
-		this._set(newState);
-		(this._root || this)._flush();
-	}
-
-	function _flush() {
-		if (!this._renderHooks) return;
-
-		while (this._renderHooks.length) {
-			var hook = this._renderHooks.pop();
-			hook.fn.call(hook.context);
-		}
-	}
-
-	module.exports = Counter;
-
-/***/ },
-/* 3 */
-/***/ function(module, exports, __webpack_require__) {
-
-	'use strict';
-	
-	var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
-	
-	var __import0 = __webpack_require__(4);
-	
-	var hello = __import0.hello;
-	
-	function applyComputations(state, newState, oldState, isInitial) {
-		if (isInitial || 'dude' in newState && _typeof(state.dude) === 'object' || state.dude !== oldState.dude) {
-			state.salutation = newState.salutation = template.computed.salutation(state.dude);
-		}
-	}
-	
-	var template = function () {
-		return {
-			data: function data() {
-				return {
-					dude: 'Unknown',
-					count: 0
-				};
-			},
-	
-			computed: {
-				salutation: function salutation(dude) {
-					return hello(dude);
-				}
-			}
-		};
-	}();
-	
-	function renderMainFragment(root, component) {
-		var h1 = createElement('h1');
-	
-		var last_text = root.salutation;
-		var text = createText(last_text);
-		appendNode(text, h1);
-		appendNode(createText(", counted to "), h1);
-		var last_text2 = root.count;
-		var text2 = createText(last_text2);
-		appendNode(text2, h1);
-		appendNode(createText(" already!"), h1);
-	
-		return {
-			mount: function mount(target, anchor) {
-				insertNode(h1, target, anchor);
-			},
-	
-			update: function update(changed, root) {
-				var __tmp;
-	
-				if ((__tmp = root.salutation) !== last_text) {
-					text.data = last_text = __tmp;
-				}
-	
-				if ((__tmp = root.count) !== last_text2) {
-					text2.data = last_text2 = __tmp;
-				}
-			},
-
-			teardown: function teardown(detach) {
-				if (detach) {
-					detachNode(h1);
-				}
-			}
-		};
-	}
-
-	function Header(options) {
-		options = options || {};
-		this._state = Object.assign(template.data(), options.data);
-		applyComputations(this._state, this._state, {}, true);
-
-		this._observers = {
-			pre: Object.create(null),
-			post: Object.create(null)
-		};
-
-		this._handlers = Object.create(null);
-
-		this._root = options._root;
-		this._yield = options._yield;
-
-		this._torndown = false;
-
-		this._fragment = renderMainFragment(this._state, this);
-		if (options.target) this._fragment.mount(options.target, null);
-	}
-
-	Header.prototype.get = get;
-	Header.prototype.fire = fire;
-	Header.prototype.observe = observe;
-	Header.prototype.on = on;
-	Header.prototype.set = set;
-	Header.prototype._flush = _flush;
-
-	Header.prototype._set = function _set(newState) {
-		var oldState = this._state;
-		this._state = Object.assign({}, oldState, newState);
-		applyComputations(this._state, newState, oldState, false);
-
-		dispatchObservers(this, this._observers.pre, newState, oldState);
-		if (this._fragment) this._fragment.update(newState, this._state);
-		dispatchObservers(this, this._observers.post, newState, oldState);
-	};
-
-	Header.prototype.teardown = Header.prototype.destroy = function destroy(detach) {
-		this.fire('destroy');
-
-		this._fragment.teardown(detach !== false);
-		this._fragment = null;
-
-		this._state = {};
-		this._torndown = true;
-	};
-
-	function createElement(name) {
-		return document.createElement(name);
-	}
-
-	function detachNode(node) {
-		node.parentNode.removeChild(node);
-	}
-
-	function insertNode(node, target, anchor) {
-		target.insertBefore(node, anchor);
-	}
-
-	function createText(data) {
-		return document.createTextNode(data);
-	}
-
-	function appendNode(node, target) {
-		target.appendChild(node);
-	}
-
-	function dispatchObservers(component, group, newState, oldState) {
-		for (var key in group) {
-			if (!(key in newState)) continue;
-
-			var newValue = newState[key];
-			var oldValue = oldState[key];
-
-			if (newValue === oldValue && (typeof newValue === 'undefined' ? 'undefined' : _typeof(newValue)) !== 'object') continue;
-
-			var callbacks = group[key];
-			if (!callbacks) continue;
-
-			for (var i = 0; i < callbacks.length; i += 1) {
-				var callback = callbacks[i];
-				if (callback.__calling) continue;
-
-				callback.__calling = true;
-				callback.call(component, newValue, oldValue);
-				callback.__calling = false;
-			}
-		}
-	}
-
-	function get(key) {
-		return key ? this._state[key] : this._state;
-	}
-
-	function fire(eventName, data) {
-		var handlers = eventName in this._handlers && this._handlers[eventName].slice();
-		if (!handlers) return;
-
-		for (var i = 0; i < handlers.length; i += 1) {
-			handlers[i].call(this, data);
-		}
-	}
-
-	function observe(key, callback, options) {
-		var group = options && options.defer ? this._observers.pre : this._observers.post;
-
-		(group[key] || (group[key] = [])).push(callback);
-
-		if (!options || options.init !== false) {
-			callback.__calling = true;
-			callback.call(this, this._state[key]);
-			callback.__calling = false;
-		}
-
-		return {
-			cancel: function cancel() {
-				var index = group[key].indexOf(callback);
-				if (~index) group[key].splice(index, 1);
-			}
-		};
-	}
-
-	function on(eventName, handler) {
-		if (eventName === 'teardown') return this.on('destroy', handler);
-
-		var handlers = this._handlers[eventName] || (this._handlers[eventName] = []);
-		handlers.push(handler);
-
-		return {
-			cancel: function cancel() {
-				var index = handlers.indexOf(handler);
-				if (~index) handlers.splice(index, 1);
-			}
-		};
-	}
-
-	function set(newState) {
-		this._set(newState);
-		(this._root || this)._flush();
-	}
-
-	function _flush() {
-		if (!this._renderHooks) return;
-
-		while (this._renderHooks.length) {
-			var hook = this._renderHooks.pop();
-			hook.fn.call(hook.context);
-		}
-	}
-
-	module.exports = Header;
-
-/***/ },
-/* 4 */
-/***/ function(module, exports) {
-
-	"use strict";
-	
-	Object.defineProperty(exports, "__esModule", {
-	  value: true
-	});
-	exports.hello = hello;
-	function hello(name) {
-	  return "Hello " + name;
-	}
-
-/***/ }
-/******/ ]);
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vd2VicGFjay9ib290c3RyYXAgY2U4MzNlMzk0NDg0MmQzMTI4OTUiLCJ3ZWJwYWNrOi8vLy4vc3JjL2luZGV4LmpzIiwid2VicGFjazovLy8uL3NyYy9jb3VudGVyLmh0bWwiLCJ3ZWJwYWNrOi8vLy4vc3JjL2hlYWRlci5odG1sIiwid2VicGFjazovLy8uL3NyYy9oZWxwZXJzLmpzIl0sIm5hbWVzIjpbImNvdW50ZXIiLCJ0YXJnZXQiLCJkb2N1bWVudCIsInF1ZXJ5U2VsZWN0b3IiLCJhZGRFdmVudExpc3RlbmVyIiwic2V0IiwiY291bnQiLCJoZWxsbyIsIm5hbWUiXSwibWFwcGluZ3MiOiI7QUFBQTtBQUNBOztBQUVBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQSx1QkFBZTtBQUNmO0FBQ0E7QUFDQTs7QUFFQTtBQUNBOztBQUVBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBOzs7QUFHQTtBQUNBOztBQUVBO0FBQ0E7O0FBRUE7QUFDQTs7QUFFQTtBQUNBOzs7Ozs7Ozs7Ozs7Ozs7O0FDcENBOzs7Ozs7QUFFQSxLQUFNQSxVQUFVLHNCQUFZO0FBQzFCQyxXQUFRQyxTQUFTQyxhQUFULENBQXVCLFVBQXZCO0FBRGtCLEVBQVosQ0FBaEIsQyxDQUpBOztBQVFBRCxVQUFTQyxhQUFULENBQXVCLGdCQUF2QixFQUF5Q0MsZ0JBQXpDLENBQTBELE9BQTFELEVBQW1FLFlBQVc7QUFDNUVKLFdBQVFLLEdBQVIsQ0FBWSxFQUFFQyxPQUFPLENBQVQsRUFBWjtBQUNELEVBRkQsRTs7Ozs7Ozs7Ozs7Ozs7NEJDQUE7QUFBRTtBQUNNLHlCQUFHO0FBQ0w7QUFDTyxZQUNMO0FBRks7QUFHUjs7QUFDUztBQUlkO0FBSmdCO0FBTkM7Ozs7Ozs7O3VEQVJFOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7d0JBRUY7Ozs7Ozs7Ozs7YUFDSSxJQUFDLEVBQU8sWUFBTyxRQUFPOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7K0JBSHhCOzs7OztzQkFFRjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OzRCQ0dqQjtBQUFFO0FBQ00seUJBQUc7QUFDTDtBQUNNLFdBQVc7QUFDVixZQUNOO0FBSE07QUFJUjs7QUFDTztBQUNJLG9DQUFLLE1BQUU7QUFDZixZQUFZLE1BQU87QUFJM0I7QUFOYztBQVBHOzs7Ozs7dUJBTEE7Ozs7d0JBQXdCOzs7Ozs7Ozs7Ozs7O3NCQUF4Qjs7OztzQkFBd0I7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7U0NDekJDLEssR0FBQUEsSztBQUFULFVBQVNBLEtBQVQsQ0FBZUMsSUFBZixFQUFxQjtBQUMxQixxQkFBZ0JBLElBQWhCO0FBQ0QsRSIsImZpbGUiOiJpbmRleC5qcyIsInNvdXJjZXNDb250ZW50IjpbIiBcdC8vIFRoZSBtb2R1bGUgY2FjaGVcbiBcdHZhciBpbnN0YWxsZWRNb2R1bGVzID0ge307XG5cbiBcdC8vIFRoZSByZXF1aXJlIGZ1bmN0aW9uXG4gXHRmdW5jdGlvbiBfX3dlYnBhY2tfcmVxdWlyZV9fKG1vZHVsZUlkKSB7XG5cbiBcdFx0Ly8gQ2hlY2sgaWYgbW9kdWxlIGlzIGluIGNhY2hlXG4gXHRcdGlmKGluc3RhbGxlZE1vZHVsZXNbbW9kdWxlSWRdKVxuIFx0XHRcdHJldHVybiBpbnN0YWxsZWRNb2R1bGVzW21vZHVsZUlkXS5leHBvcnRzO1xuXG4gXHRcdC8vIENyZWF0ZSBhIG5ldyBtb2R1bGUgKGFuZCBwdXQgaXQgaW50byB0aGUgY2FjaGUpXG4gXHRcdHZhciBtb2R1bGUgPSBpbnN0YWxsZWRNb2R1bGVzW21vZHVsZUlkXSA9IHtcbiBcdFx0XHRleHBvcnRzOiB7fSxcbiBcdFx0XHRpZDogbW9kdWxlSWQsXG4gXHRcdFx0bG9hZGVkOiBmYWxzZVxuIFx0XHR9O1xuXG4gXHRcdC8vIEV4ZWN1dGUgdGhlIG1vZHVsZSBmdW5jdGlvblxuIFx0XHRtb2R1bGVzW21vZHVsZUlkXS5jYWxsKG1vZHVsZS5leHBvcnRzLCBtb2R1bGUsIG1vZHVsZS5leHBvcnRzLCBfX3dlYnBhY2tfcmVxdWlyZV9fKTtcblxuIFx0XHQvLyBGbGFnIHRoZSBtb2R1bGUgYXMgbG9hZGVkXG4gXHRcdG1vZHVsZS5sb2FkZWQgPSB0cnVlO1xuXG4gXHRcdC8vIFJldHVybiB0aGUgZXhwb3J0cyBvZiB0aGUgbW9kdWxlXG4gXHRcdHJldHVybiBtb2R1bGUuZXhwb3J0cztcbiBcdH1cblxuXG4gXHQvLyBleHBvc2UgdGhlIG1vZHVsZXMgb2JqZWN0IChfX3dlYnBhY2tfbW9kdWxlc19fKVxuIFx0X193ZWJwYWNrX3JlcXVpcmVfXy5tID0gbW9kdWxlcztcblxuIFx0Ly8gZXhwb3NlIHRoZSBtb2R1bGUgY2FjaGVcbiBcdF9fd2VicGFja19yZXF1aXJlX18uYyA9IGluc3RhbGxlZE1vZHVsZXM7XG5cbiBcdC8vIF9fd2VicGFja19wdWJsaWNfcGF0aF9fXG4gXHRfX3dlYnBhY2tfcmVxdWlyZV9fLnAgPSBcIlwiO1xuXG4gXHQvLyBMb2FkIGVudHJ5IG1vZHVsZSBhbmQgcmV0dXJuIGV4cG9ydHNcbiBcdHJldHVybiBfX3dlYnBhY2tfcmVxdWlyZV9fKDApO1xuXG5cblxuLy8gV0VCUEFDSyBGT09URVIgLy9cbi8vIHdlYnBhY2svYm9vdHN0cmFwIGNlODMzZTM5NDQ4NDJkMzEyODk1IiwiLyogZ2xvYmFsIGRvY3VtZW50ICovXG5cbmltcG9ydCBDb3VudGVyIGZyb20gJy4vY291bnRlcic7XG5cbmNvbnN0IGNvdW50ZXIgPSBuZXcgQ291bnRlcih7XG4gIHRhcmdldDogZG9jdW1lbnQucXVlcnlTZWxlY3RvcignI2NvdW50ZXInKVxufSk7XG5cbmRvY3VtZW50LnF1ZXJ5U2VsZWN0b3IoJyNyZXNldC1jb3VudGVyJykuYWRkRXZlbnRMaXN0ZW5lcignY2xpY2snLCBmdW5jdGlvbigpIHtcbiAgY291bnRlci5zZXQoeyBjb3VudDogMCB9KTtcbn0pO1xuXG5cbi8vIFdFQlBBQ0sgRk9PVEVSIC8vXG4vLyAuL3NyYy9pbmRleC5qcyIsIjxIZWFkZXIgYmluZDpjb3VudCBkdWRlPVwid2FsdFwiIC8+XG5cbjxwPkNvdW50OiB7e2NvdW50fX08L3A+XG48YnV0dG9uIG9uOmNsaWNrPSdzZXQoeyBjb3VudDogY291bnQgKyAxIH0pJz4rMTwvYnV0dG9uPlxuXG48c2NyaXB0PlxuICBpbXBvcnQgSGVhZGVyIGZyb20gJy4vaGVhZGVyJztcblxuICBleHBvcnQgZGVmYXVsdCB7XG4gICAgZGF0YSgpIHtcbiAgICAgIHJldHVybiB7XG4gICAgICAgIGNvdW50OiAwXG4gICAgICB9O1xuICAgIH0sXG4gICAgY29tcG9uZW50czoge1xuICAgICAgSGVhZGVyXG4gICAgfVxuICB9O1xuPC9zY3JpcHQ+XG5cblxuLy8gV0VCUEFDSyBGT09URVIgLy9cbi8vIC4vc3JjL2NvdW50ZXIuaHRtbCIsIjxoMT57eyBzYWx1dGF0aW9uIH19LCBjb3VudGVkIHRvIHt7IGNvdW50IH19IGFscmVhZHkhPC9oMT5cblxuPHNjcmlwdD5cbiAgaW1wb3J0IHsgaGVsbG8gfSBmcm9tICcuL2hlbHBlcnMnO1xuXG4gIGV4cG9ydCBkZWZhdWx0IHtcbiAgICBkYXRhKCkge1xuICAgICAgcmV0dXJuIHtcbiAgICAgICAgZHVkZTogJ1Vua25vd24nLFxuICAgICAgICBjb3VudDogMFxuICAgICAgfVxuICAgIH0sXG4gICAgY29tcHV0ZWQ6IHtcbiAgICAgIHNhbHV0YXRpb24oZHVkZSkge1xuICAgICAgICByZXR1cm4gaGVsbG8oZHVkZSk7XG4gICAgICB9XG4gICAgfVxuICB9O1xuPC9zY3JpcHQ+XG5cblxuLy8gV0VCUEFDSyBGT09URVIgLy9cbi8vIC4vc3JjL2hlYWRlci5odG1sIiwiXG5leHBvcnQgZnVuY3Rpb24gaGVsbG8obmFtZSkge1xuICByZXR1cm4gYEhlbGxvICR7bmFtZX1gO1xufVxuXG5cbi8vIFdFQlBBQ0sgRk9PVEVSIC8vXG4vLyAuL3NyYy9oZWxwZXJzLmpzIl0sInNvdXJjZVJvb3QiOiIifQ==
\ No newline at end of file
diff --git a/example/webpack1/src/counter.html b/example/webpack1/src/counter.html
deleted file mode 100644
index b1afb5ff..00000000
--- a/example/webpack1/src/counter.html
+++ /dev/null
@@ -1,19 +0,0 @@
-<Header bind:count dude="walt" />
-
-<p>Count: {{count}}</p>
-<button on:click='set({ count: count + 1 })'>+1</button>
-
-<script>
-  import Header from './header';
-
-  export default {
-    data() {
-      return {
-        count: 0
-      };
-    },
-    components: {
-      Header
-    }
-  };
-</script>
\ No newline at end of file
diff --git a/example/webpack1/src/header.html b/example/webpack1/src/header.html
deleted file mode 100644
index 40a8e112..00000000
--- a/example/webpack1/src/header.html
+++ /dev/null
@@ -1,19 +0,0 @@
-<h1>{{ salutation }}, counted to {{ count }} already!</h1>
-
-<script>
-  import { hello } from './helpers';
-
-  export default {
-    data() {
-      return {
-        dude: 'Unknown',
-        count: 0
-      }
-    },
-    computed: {
-      salutation(dude) {
-        return hello(dude);
-      }
-    }
-  };
-</script>
\ No newline at end of file
diff --git a/example/webpack1/src/helpers.js b/example/webpack1/src/helpers.js
deleted file mode 100644
index b97161aa..00000000
--- a/example/webpack1/src/helpers.js
+++ /dev/null
@@ -1,4 +0,0 @@
-
-export function hello(name) {
-  return `Hello ${name}`;
-}
\ No newline at end of file
diff --git a/example/webpack1/src/index.js b/example/webpack1/src/index.js
deleted file mode 100644
index a3c3afc8..00000000
--- a/example/webpack1/src/index.js
+++ /dev/null
@@ -1,11 +0,0 @@
-/* global document */
-
-import Counter from './counter';
-
-const counter = new Counter({
-  target: document.querySelector('#counter')
-});
-
-document.querySelector('#reset-counter').addEventListener('click', function() {
-  counter.set({ count: 0 });
-});
\ No newline at end of file
diff --git a/example/webpack1/webpack.config.js b/example/webpack1/webpack.config.js
deleted file mode 100644
index ef4974de..00000000
--- a/example/webpack1/webpack.config.js
+++ /dev/null
@@ -1,34 +0,0 @@
-const { readFileSync } = require('fs');
-
-const babelSettings = JSON.parse(readFileSync('.babelrc'));
-
-
-module.exports = {
-  entry: {
-    'index': [ './src/index' ]
-  },
-  resolve: {
-    extensions: [ '.js', '.html' ]
-  },
-  output: {
-    path: __dirname + '/public',
-    filename: '[name].js',
-    chunkFilename: '[name].[id].js'
-  },
-  module: {
-    loaders: [
-      {
-        test: /\.(html|js)$/,
-        exclude: /node_modules/,
-        loader: 'babel-loader',
-        query: babelSettings
-      },
-      {
-        test: /\.html$/,
-        exclude: /node_modules/,
-        loader: 'svelte-loader'
-      }
-    ]
-  },
-  devtool: 'inline-source-map'
-};
\ No newline at end of file
diff --git a/example/webpack2/.babelrc b/example/webpack2/.babelrc
deleted file mode 100644
index 9aa38bae..00000000
--- a/example/webpack2/.babelrc
+++ /dev/null
@@ -1,5 +0,0 @@
-{
-  "presets": [
-    [ "es2015", { "modules": false } ]
-  ]
-}
\ No newline at end of file
diff --git a/example/webpack2/package.json b/example/webpack2/package.json
deleted file mode 100644
index 25da2af7..00000000
--- a/example/webpack2/package.json
+++ /dev/null
@@ -1,22 +0,0 @@
-{
-  "name": "svelte-loader-example",
-  "version": "0.0.0",
-  "description": "Example using svelte-loader",
-  "main": "index.js",
-  "private": true,
-  "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1",
-    "bundle": "webpack --display-error-details"
-  },
-  "license": "MIT",
-  "devDependencies": {
-    "babel-core": "^6.18.2",
-    "babel-loader": "^6.4.1",
-    "babel-preset-es2015": "^6.18.0",
-    "svelte-loader": "1.0.0",
-    "webpack": "^2.1.0-beta.27"
-  },
-  "dependencies": {
-    "svelte": "^1.1.3"
-  }
-}
diff --git a/example/webpack2/public/index.html b/example/webpack2/public/index.html
deleted file mode 100644
index f073517d..00000000
--- a/example/webpack2/public/index.html
+++ /dev/null
@@ -1,15 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-  <title>Counter Example</title>
-</head>
-<body>
-  <div id="counter" style="padding: 5px; border: solid 1px #CCC"></div>
-
-  <p>
-    <button id="reset-counter">Reset Counter</button>
-  </p>
-
-  <script src="index.js"></script>
-</body>
-</html>
\ No newline at end of file
diff --git a/example/webpack2/public/index.js b/example/webpack2/public/index.js
deleted file mode 100644
index e649cf34..00000000
--- a/example/webpack2/public/index.js
+++ /dev/null
@@ -1,640 +0,0 @@
-/******/ (function(modules) { // webpackBootstrap
-/******/ 	// The module cache
-/******/ 	var installedModules = {};
-/******/
-/******/ 	// The require function
-/******/ 	function __webpack_require__(moduleId) {
-/******/
-/******/ 		// Check if module is in cache
-/******/ 		if(installedModules[moduleId])
-/******/ 			return installedModules[moduleId].exports;
-/******/
-/******/ 		// Create a new module (and put it into the cache)
-/******/ 		var module = installedModules[moduleId] = {
-/******/ 			i: moduleId,
-/******/ 			l: false,
-/******/ 			exports: {}
-/******/ 		};
-/******/
-/******/ 		// Execute the module function
-/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
-/******/
-/******/ 		// Flag the module as loaded
-/******/ 		module.l = true;
-/******/
-/******/ 		// Return the exports of the module
-/******/ 		return module.exports;
-/******/ 	}
-/******/
-/******/
-/******/ 	// expose the modules object (__webpack_modules__)
-/******/ 	__webpack_require__.m = modules;
-/******/
-/******/ 	// expose the module cache
-/******/ 	__webpack_require__.c = installedModules;
-/******/
-/******/ 	// identity function for calling harmony imports with the correct context
-/******/ 	__webpack_require__.i = function(value) { return value; };
-/******/
-/******/ 	// define getter function for harmony exports
-/******/ 	__webpack_require__.d = function(exports, name, getter) {
-/******/ 		if(!__webpack_require__.o(exports, name)) {
-/******/ 			Object.defineProperty(exports, name, {
-/******/ 				configurable: false,
-/******/ 				enumerable: true,
-/******/ 				get: getter
-/******/ 			});
-/******/ 		}
-/******/ 	};
-/******/
-/******/ 	// getDefaultExport function for compatibility with non-harmony modules
-/******/ 	__webpack_require__.n = function(module) {
-/******/ 		var getter = module && module.__esModule ?
-/******/ 			function getDefault() { return module['default']; } :
-/******/ 			function getModuleExports() { return module; };
-/******/ 		__webpack_require__.d(getter, 'a', getter);
-/******/ 		return getter;
-/******/ 	};
-/******/
-/******/ 	// Object.prototype.hasOwnProperty.call
-/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
-/******/
-/******/ 	// __webpack_public_path__
-/******/ 	__webpack_require__.p = "";
-/******/
-/******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 5);
-/******/ })
-/************************************************************************/
-/******/ ([
-/* 0 */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* unused harmony export noop */
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "i", function() { return dispatchObservers; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return appendNode; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "e", function() { return insertNode; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "g", function() { return detachNode; });
-/* unused harmony export detachBetween */
-/* unused harmony export teardownEach */
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return createElement; });
-/* unused harmony export createSvgElement */
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return createText; });
-/* unused harmony export createComment */
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "d", function() { return addEventListener; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "f", function() { return removeEventListener; });
-/* unused harmony export setAttribute */
-/* unused harmony export setXlinkAttribute */
-/* unused harmony export getBindingGroupValue */
-/* unused harmony export get */
-/* unused harmony export fire */
-/* unused harmony export observe */
-/* unused harmony export observeDev */
-/* unused harmony export on */
-/* unused harmony export onDev */
-/* unused harmony export set */
-/* unused harmony export _flush */
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "h", function() { return proto; });
-/* unused harmony export protoDev */
-function appendNode ( node, target ) {
-	target.appendChild( node );
-}
-
-function insertNode ( node, target, anchor ) {
-	target.insertBefore( node, anchor );
-}
-
-function detachNode ( node ) {
-	node.parentNode.removeChild( node );
-}
-
-function detachBetween ( before, after ) {
-	while ( before.nextSibling && before.nextSibling !== after ) {
-		before.parentNode.removeChild( before.nextSibling );
-	}
-}
-
-function teardownEach ( iterations, detach, start ) {
-	for ( var i = ( start || 0 ); i < iterations.length; i += 1 ) {
-		iterations[i].teardown( detach );
-	}
-}
-
-function createElement ( name ) {
-	return document.createElement( name );
-}
-
-function createSvgElement ( name ) {
-	return document.createElementNS( 'http://www.w3.org/2000/svg', name );
-}
-
-function createText ( data ) {
-	return document.createTextNode( data );
-}
-
-function createComment () {
-	return document.createComment( '' );
-}
-
-function addEventListener ( node, event, handler ) {
-	node.addEventListener ( event, handler, false );
-}
-
-function removeEventListener ( node, event, handler ) {
-	node.removeEventListener ( event, handler, false );
-}
-
-function setAttribute ( node, attribute, value ) {
-	node.setAttribute ( attribute, value );
-}
-
-function setXlinkAttribute ( node, attribute, value ) {
-	node.setAttributeNS( 'http://www.w3.org/1999/xlink', attribute, value );
-}
-
-function getBindingGroupValue ( group ) {
-	var value = [];
-	for ( var i = 0; i < group.length; i += 1 ) {
-		if ( group[i].checked ) value.push( group[i].__value );
-	}
-	return value;
-}
-
-function get ( key ) {
-	return key ? this._state[ key ] : this._state;
-}
-
-function fire ( eventName, data ) {
-	var handlers = eventName in this._handlers && this._handlers[ eventName ].slice();
-	if ( !handlers ) return;
-
-	for ( var i = 0; i < handlers.length; i += 1 ) {
-		handlers[i].call( this, data );
-	}
-}
-
-function observe ( key, callback, options ) {
-	var group = ( options && options.defer ) ? this._observers.pre : this._observers.post;
-
-	( group[ key ] || ( group[ key ] = [] ) ).push( callback );
-
-	if ( !options || options.init !== false ) {
-		callback.__calling = true;
-		callback.call( this, this._state[ key ] );
-		callback.__calling = false;
-	}
-
-	return {
-		cancel: function () {
-			var index = group[ key ].indexOf( callback );
-			if ( ~index ) group[ key ].splice( index, 1 );
-		}
-	};
-}
-
-function observeDev ( key, callback, options ) {
-	var c = ( key = '' + key ).search( /[^\w]/ );
-	if ( c > -1 ) {
-		var message = "The first argument to component.observe(...) must be the name of a top-level property";
-		if ( c > 0 ) message += ", i.e. '" + key.slice( 0, c ) + "' rather than '" + key + "'";
-
-		throw new Error( message );
-	}
-
-	var group = ( options && options.defer ) ? this._observers.pre : this._observers.post;
-
-	( group[ key ] || ( group[ key ] = [] ) ).push( callback );
-
-	if ( !options || options.init !== false ) {
-		callback.__calling = true;
-		callback.call( this, this._state[ key ] );
-		callback.__calling = false;
-	}
-
-	return {
-		cancel: function () {
-			var index = group[ key ].indexOf( callback );
-			if ( ~index ) group[ key ].splice( index, 1 );
-		}
-	};
-}
-
-function on ( eventName, handler ) {
-	if ( eventName === 'teardown' ) return this.on( 'destroy', handler );
-
-	var handlers = this._handlers[ eventName ] || ( this._handlers[ eventName ] = [] );
-	handlers.push( handler );
-
-	return {
-		cancel: function () {
-			var index = handlers.indexOf( handler );
-			if ( ~index ) handlers.splice( index, 1 );
-		}
-	};
-}
-
-function onDev ( eventName, handler ) {
-	if ( eventName === 'teardown' ) {
-		console.warn( "Use component.on('destroy', ...) instead of component.on('teardown', ...) which has been deprecated and will be unsupported in Svelte 2" );
-		return this.on( 'destroy', handler );
-	}
-
-	var handlers = this._handlers[ eventName ] || ( this._handlers[ eventName ] = [] );
-	handlers.push( handler );
-
-	return {
-		cancel: function () {
-			var index = handlers.indexOf( handler );
-			if ( ~index ) handlers.splice( index, 1 );
-		}
-	};
-}
-
-function set ( newState ) {
-	this._set( newState );
-	( this._root || this )._flush();
-}
-
-function _flush () {
-	if ( !this._renderHooks ) return;
-
-	while ( this._renderHooks.length ) {
-		var hook = this._renderHooks.pop();
-		hook.fn.call( hook.context );
-	}
-}
-
-var proto = {
-	get: get,
-	fire: fire,
-	observe: observe,
-	on: on,
-	set: set,
-	_flush: _flush
-};
-
-var protoDev = {
-	get: get,
-	fire: fire,
-	observe: observeDev,
-	on: onDev,
-	set: set,
-	_flush: _flush
-};
-
-function noop () {}
-
-function dispatchObservers ( component, group, newState, oldState ) {
-	for ( var key in group ) {
-		if ( !( key in newState ) ) continue;
-
-		var newValue = newState[ key ];
-		var oldValue = oldState[ key ];
-
-		if ( newValue === oldValue && typeof newValue !== 'object' ) continue;
-
-		var callbacks = group[ key ];
-		if ( !callbacks ) continue;
-
-		for ( var i = 0; i < callbacks.length; i += 1 ) {
-			var callback = callbacks[i];
-			if ( callback.__calling ) continue;
-
-			callback.__calling = true;
-			callback.call( component, newValue, oldValue );
-			callback.__calling = false;
-		}
-	}
-}
-
-
-
-
-/***/ }),
-/* 1 */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__counter__ = __webpack_require__(3);
-/* global document */
-
-
-
-var counter = new __WEBPACK_IMPORTED_MODULE_0__counter__["a" /* default */]({
-  target: document.querySelector('#counter')
-});
-
-document.querySelector('#reset-counter').addEventListener('click', function () {
-  counter.set({ count: 0 });
-});
-
-/***/ }),
-/* 2 */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony export (immutable) */ __webpack_exports__["a"] = hello;
-
-function hello(name) {
-  return "Hello " + name;
-}
-
-/***/ }),
-/* 3 */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__header__ = __webpack_require__(4);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_svelte_shared_js__ = __webpack_require__(0);
-
-
-
-
-var template = function () {
-	return {
-		data: function data() {
-			return {
-				count: 0
-			};
-		},
-
-		components: {
-			Header: __WEBPACK_IMPORTED_MODULE_0__header__["a" /* default */]
-		}
-	};
-}();
-
-function renderMainFragment(root, component) {
-	var header_initialData = {
-		dude: "walt"
-	};
-
-	if ('count' in root) header_initialData.count = root.count;
-	var header = new template.components.Header({
-		target: null,
-		_root: component._root || component,
-		data: header_initialData
-	});
-
-	var header_updating = false;
-
-	component._bindings.push(function () {
-		if (header._torndown) return;
-		header.observe('count', function (value) {
-			header_updating = true;
-			component._set({ count: value });
-			header_updating = false;
-		});
-	});
-
-	header._context = {
-		root: root
-	};
-
-	var text = __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1_svelte_shared_js__["a" /* createText */])("\n\n");
-
-	var p = __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1_svelte_shared_js__["b" /* createElement */])('p');
-
-	__webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1_svelte_shared_js__["c" /* appendNode */])(__webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1_svelte_shared_js__["a" /* createText */])("Count: "), p);
-	var last_text2 = root.count;
-	var text2 = __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1_svelte_shared_js__["a" /* createText */])(last_text2);
-	__webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1_svelte_shared_js__["c" /* appendNode */])(text2, p);
-	var text3 = __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1_svelte_shared_js__["a" /* createText */])("\n");
-
-	var button = __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1_svelte_shared_js__["b" /* createElement */])('button');
-
-	function clickHandler(event) {
-		var root = this.__svelte.root;
-
-		component.set({ count: root.count + 1 });
-	}
-
-	__webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1_svelte_shared_js__["d" /* addEventListener */])(button, 'click', clickHandler);
-
-	button.__svelte = {
-		root: root
-	};
-
-	__webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1_svelte_shared_js__["c" /* appendNode */])(__webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1_svelte_shared_js__["a" /* createText */])("+1"), button);
-
-	return {
-		mount: function mount(target, anchor) {
-			header._fragment.mount(target, anchor);
-			__webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1_svelte_shared_js__["e" /* insertNode */])(text, target, anchor);
-			__webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1_svelte_shared_js__["e" /* insertNode */])(p, target, anchor);
-			__webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1_svelte_shared_js__["e" /* insertNode */])(text3, target, anchor);
-			__webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1_svelte_shared_js__["e" /* insertNode */])(button, target, anchor);
-		},
-
-		update: function update(changed, root) {
-			var __tmp;
-
-			if (!header_updating && 'count' in changed) {
-				header._set({ count: root.count });
-			}
-
-			header._context.root = root;
-
-			if ((__tmp = root.count) !== last_text2) {
-				text2.data = last_text2 = __tmp;
-			}
-
-			button.__svelte.root = root;
-		},
-
-		teardown: function teardown(detach) {
-			header.destroy(detach);
-			__webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1_svelte_shared_js__["f" /* removeEventListener */])(button, 'click', clickHandler);
-
-			if (detach) {
-				__webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1_svelte_shared_js__["g" /* detachNode */])(text);
-				__webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1_svelte_shared_js__["g" /* detachNode */])(p);
-				__webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1_svelte_shared_js__["g" /* detachNode */])(text3);
-				__webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1_svelte_shared_js__["g" /* detachNode */])(button);
-			}
-		}
-	};
-}
-
-function Counter(options) {
-	options = options || {};
-	this._state = Object.assign(template.data(), options.data);
-
-	this._observers = {
-		pre: Object.create(null),
-		post: Object.create(null)
-	};
-
-	this._handlers = Object.create(null);
-
-	this._root = options._root;
-	this._yield = options._yield;
-
-	this._torndown = false;
-	this._renderHooks = [];
-
-	this._bindings = [];
-	this._fragment = renderMainFragment(this._state, this);
-	if (options.target) this._fragment.mount(options.target, null);
-	while (this._bindings.length) {
-		this._bindings.pop()();
-	}this._flush();
-}
-
-Counter.prototype = Object.assign({}, __WEBPACK_IMPORTED_MODULE_1_svelte_shared_js__["h" /* proto */]);
-
-Counter.prototype._set = function _set(newState) {
-	var oldState = this._state;
-	this._state = Object.assign({}, oldState, newState);
-
-	__webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1_svelte_shared_js__["i" /* dispatchObservers */])(this, this._observers.pre, newState, oldState);
-	if (this._fragment) this._fragment.update(newState, this._state);
-	__webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1_svelte_shared_js__["i" /* dispatchObservers */])(this, this._observers.post, newState, oldState);
-
-	while (this._bindings.length) {
-		this._bindings.pop()();
-	}this._flush();
-};
-
-Counter.prototype.teardown = Counter.prototype.destroy = function destroy(detach) {
-	this.fire('destroy');
-
-	this._fragment.teardown(detach !== false);
-	this._fragment = null;
-
-	this._state = {};
-	this._torndown = true;
-};
-
-/* harmony default export */ __webpack_exports__["a"] = Counter;
-
-/***/ }),
-/* 4 */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__helpers__ = __webpack_require__(2);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_svelte_shared_js__ = __webpack_require__(0);
-var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
-
-
-
-
-
-function applyComputations(state, newState, oldState, isInitial) {
-	if (isInitial || 'dude' in newState && _typeof(state.dude) === 'object' || state.dude !== oldState.dude) {
-		state.salutation = newState.salutation = template.computed.salutation(state.dude);
-	}
-}
-
-var template = function () {
-	return {
-		data: function data() {
-			return {
-				dude: 'Unknown',
-				count: 0
-			};
-		},
-
-		computed: {
-			salutation: function salutation(dude) {
-				return __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__helpers__["a" /* hello */])(dude);
-			}
-		}
-	};
-}();
-
-function renderMainFragment(root, component) {
-	var h1 = __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1_svelte_shared_js__["b" /* createElement */])('h1');
-
-	var last_text = root.salutation;
-	var text = __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1_svelte_shared_js__["a" /* createText */])(last_text);
-	__webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1_svelte_shared_js__["c" /* appendNode */])(text, h1);
-	__webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1_svelte_shared_js__["c" /* appendNode */])(__webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1_svelte_shared_js__["a" /* createText */])(", counted to "), h1);
-	var last_text2 = root.count;
-	var text2 = __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1_svelte_shared_js__["a" /* createText */])(last_text2);
-	__webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1_svelte_shared_js__["c" /* appendNode */])(text2, h1);
-	__webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1_svelte_shared_js__["c" /* appendNode */])(__webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1_svelte_shared_js__["a" /* createText */])(" already!"), h1);
-
-	return {
-		mount: function mount(target, anchor) {
-			__webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1_svelte_shared_js__["e" /* insertNode */])(h1, target, anchor);
-		},
-
-		update: function update(changed, root) {
-			var __tmp;
-
-			if ((__tmp = root.salutation) !== last_text) {
-				text.data = last_text = __tmp;
-			}
-
-			if ((__tmp = root.count) !== last_text2) {
-				text2.data = last_text2 = __tmp;
-			}
-		},
-
-		teardown: function teardown(detach) {
-			if (detach) {
-				__webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1_svelte_shared_js__["g" /* detachNode */])(h1);
-			}
-		}
-	};
-}
-
-function Header(options) {
-	options = options || {};
-	this._state = Object.assign(template.data(), options.data);
-	applyComputations(this._state, this._state, {}, true);
-
-	this._observers = {
-		pre: Object.create(null),
-		post: Object.create(null)
-	};
-
-	this._handlers = Object.create(null);
-
-	this._root = options._root;
-	this._yield = options._yield;
-
-	this._torndown = false;
-
-	this._fragment = renderMainFragment(this._state, this);
-	if (options.target) this._fragment.mount(options.target, null);
-}
-
-Header.prototype = Object.assign({}, __WEBPACK_IMPORTED_MODULE_1_svelte_shared_js__["h" /* proto */]);
-
-Header.prototype._set = function _set(newState) {
-	var oldState = this._state;
-	this._state = Object.assign({}, oldState, newState);
-	applyComputations(this._state, newState, oldState, false);
-
-	__webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1_svelte_shared_js__["i" /* dispatchObservers */])(this, this._observers.pre, newState, oldState);
-	if (this._fragment) this._fragment.update(newState, this._state);
-	__webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1_svelte_shared_js__["i" /* dispatchObservers */])(this, this._observers.post, newState, oldState);
-};
-
-Header.prototype.teardown = Header.prototype.destroy = function destroy(detach) {
-	this.fire('destroy');
-
-	this._fragment.teardown(detach !== false);
-	this._fragment = null;
-
-	this._state = {};
-	this._torndown = true;
-};
-
-/* harmony default export */ __webpack_exports__["a"] = Header;
-
-/***/ }),
-/* 5 */
-/***/ (function(module, exports, __webpack_require__) {
-
-module.exports = __webpack_require__(1);
-
-
-/***/ })
-/******/ ]);
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vd2VicGFjay9ib290c3RyYXAgNTNkYzFhOTNkMjNiYzYzYWU2YTIiLCJ3ZWJwYWNrOi8vLy4vfi9zdmVsdGUvc2hhcmVkLmpzIiwid2VicGFjazovLy8uL3NyYy9pbmRleC5qcyIsIndlYnBhY2s6Ly8vLi9zcmMvaGVscGVycy5qcyIsIndlYnBhY2s6Ly8vLi9zcmMvY291bnRlci5odG1sIiwid2VicGFjazovLy8uL3NyYy9oZWFkZXIuaHRtbCJdLCJuYW1lcyI6WyJjb3VudGVyIiwidGFyZ2V0IiwiZG9jdW1lbnQiLCJxdWVyeVNlbGVjdG9yIiwiYWRkRXZlbnRMaXN0ZW5lciIsInNldCIsImNvdW50IiwiaGVsbG8iLCJuYW1lIl0sIm1hcHBpbmdzIjoiO0FBQUE7QUFDQTs7QUFFQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTs7QUFFQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTs7O0FBR0E7QUFDQTs7QUFFQTtBQUNBOztBQUVBO0FBQ0EsbURBQTJDLGNBQWM7O0FBRXpEO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsYUFBSztBQUNMO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0EsbUNBQTJCLDBCQUEwQixFQUFFO0FBQ3ZELHlDQUFpQyxlQUFlO0FBQ2hEO0FBQ0E7QUFDQTs7QUFFQTtBQUNBLDhEQUFzRCwrREFBK0Q7O0FBRXJIO0FBQ0E7O0FBRUE7QUFDQTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FDaEVBO0FBQUE7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBLDhCQUE4Qix1QkFBdUI7QUFDckQ7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBLGlCQUFpQixrQkFBa0I7QUFDbkM7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTs7QUFFQSxpQkFBaUIscUJBQXFCO0FBQ3RDO0FBQ0E7QUFDQTs7QUFFQTtBQUNBOztBQUVBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBOztBQUVBOztBQUVBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTs7QUFFQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOztBQUVBOztBQUVBO0FBQ0E7QUFDQTs7QUFFQTtBQUNBOztBQUVBOztBQUVBO0FBQ0E7O0FBRUEsa0JBQWtCLHNCQUFzQjtBQUN4QztBQUNBOztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTs7QUFFUTs7Ozs7Ozs7O0FDbk5SO0FBQUE7O0FBRUE7O0FBRUEsSUFBTUEsVUFBVSxJQUFJLHlEQUFKLENBQVk7QUFDMUJDLFVBQVFDLFNBQVNDLGFBQVQsQ0FBdUIsVUFBdkI7QUFEa0IsQ0FBWixDQUFoQjs7QUFJQUQsU0FBU0MsYUFBVCxDQUF1QixnQkFBdkIsRUFBeUNDLGdCQUF6QyxDQUEwRCxPQUExRCxFQUFtRSxZQUFXO0FBQzVFSixVQUFRSyxHQUFSLENBQVksRUFBRUMsT0FBTyxDQUFULEVBQVo7QUFDRCxDQUZELEU7Ozs7Ozs7OztBQ1BPLFNBQVNDLEtBQVQsQ0FBZUMsSUFBZixFQUFxQjtBQUMxQixvQkFBZ0JBLElBQWhCO0FBQ0QsQzs7Ozs7Ozs7Ozs7OzsyQkNLRDtBQUFFO0FBQ00sd0JBQUc7QUFDTDtBQUNPLFdBQ0w7QUFGSztBQUdSOztBQUNTO0FBSWQ7QUFKZ0I7QUFOQzs7Ozs7Ozs7c0RBUkU7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozt1QkFFRjs7Ozs7Ozs7OztZQUNJLElBQUMsRUFBTyxZQUFPLFFBQU87Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs4QkFIeEI7Ozs7O3FCQUVGOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OzsyQkNHakI7QUFBRTtBQUNNLHdCQUFHO0FBQ0w7QUFDTSxVQUFXO0FBQ1YsV0FDTjtBQUhNO0FBSVI7O0FBQ087QUFDSSxtQ0FBSyxNQUFFO0FBQ2YsV0FBWSwrRUFBTztBQUkzQjtBQU5jO0FBUEc7Ozs7OztzQkFMQTs7Ozt1QkFBd0I7Ozs7Ozs7Ozs7Ozs7cUJBQXhCOzs7O3FCQUF3QiIsImZpbGUiOiJpbmRleC5qcyIsInNvdXJjZXNDb250ZW50IjpbIiBcdC8vIFRoZSBtb2R1bGUgY2FjaGVcbiBcdHZhciBpbnN0YWxsZWRNb2R1bGVzID0ge307XG5cbiBcdC8vIFRoZSByZXF1aXJlIGZ1bmN0aW9uXG4gXHRmdW5jdGlvbiBfX3dlYnBhY2tfcmVxdWlyZV9fKG1vZHVsZUlkKSB7XG5cbiBcdFx0Ly8gQ2hlY2sgaWYgbW9kdWxlIGlzIGluIGNhY2hlXG4gXHRcdGlmKGluc3RhbGxlZE1vZHVsZXNbbW9kdWxlSWRdKVxuIFx0XHRcdHJldHVybiBpbnN0YWxsZWRNb2R1bGVzW21vZHVsZUlkXS5leHBvcnRzO1xuXG4gXHRcdC8vIENyZWF0ZSBhIG5ldyBtb2R1bGUgKGFuZCBwdXQgaXQgaW50byB0aGUgY2FjaGUpXG4gXHRcdHZhciBtb2R1bGUgPSBpbnN0YWxsZWRNb2R1bGVzW21vZHVsZUlkXSA9IHtcbiBcdFx0XHRpOiBtb2R1bGVJZCxcbiBcdFx0XHRsOiBmYWxzZSxcbiBcdFx0XHRleHBvcnRzOiB7fVxuIFx0XHR9O1xuXG4gXHRcdC8vIEV4ZWN1dGUgdGhlIG1vZHVsZSBmdW5jdGlvblxuIFx0XHRtb2R1bGVzW21vZHVsZUlkXS5jYWxsKG1vZHVsZS5leHBvcnRzLCBtb2R1bGUsIG1vZHVsZS5leHBvcnRzLCBfX3dlYnBhY2tfcmVxdWlyZV9fKTtcblxuIFx0XHQvLyBGbGFnIHRoZSBtb2R1bGUgYXMgbG9hZGVkXG4gXHRcdG1vZHVsZS5sID0gdHJ1ZTtcblxuIFx0XHQvLyBSZXR1cm4gdGhlIGV4cG9ydHMgb2YgdGhlIG1vZHVsZVxuIFx0XHRyZXR1cm4gbW9kdWxlLmV4cG9ydHM7XG4gXHR9XG5cblxuIFx0Ly8gZXhwb3NlIHRoZSBtb2R1bGVzIG9iamVjdCAoX193ZWJwYWNrX21vZHVsZXNfXylcbiBcdF9fd2VicGFja19yZXF1aXJlX18ubSA9IG1vZHVsZXM7XG5cbiBcdC8vIGV4cG9zZSB0aGUgbW9kdWxlIGNhY2hlXG4gXHRfX3dlYnBhY2tfcmVxdWlyZV9fLmMgPSBpbnN0YWxsZWRNb2R1bGVzO1xuXG4gXHQvLyBpZGVudGl0eSBmdW5jdGlvbiBmb3IgY2FsbGluZyBoYXJtb255IGltcG9ydHMgd2l0aCB0aGUgY29ycmVjdCBjb250ZXh0XG4gXHRfX3dlYnBhY2tfcmVxdWlyZV9fLmkgPSBmdW5jdGlvbih2YWx1ZSkgeyByZXR1cm4gdmFsdWU7IH07XG5cbiBcdC8vIGRlZmluZSBnZXR0ZXIgZnVuY3Rpb24gZm9yIGhhcm1vbnkgZXhwb3J0c1xuIFx0X193ZWJwYWNrX3JlcXVpcmVfXy5kID0gZnVuY3Rpb24oZXhwb3J0cywgbmFtZSwgZ2V0dGVyKSB7XG4gXHRcdGlmKCFfX3dlYnBhY2tfcmVxdWlyZV9fLm8oZXhwb3J0cywgbmFtZSkpIHtcbiBcdFx0XHRPYmplY3QuZGVmaW5lUHJvcGVydHkoZXhwb3J0cywgbmFtZSwge1xuIFx0XHRcdFx0Y29uZmlndXJhYmxlOiBmYWxzZSxcbiBcdFx0XHRcdGVudW1lcmFibGU6IHRydWUsXG4gXHRcdFx0XHRnZXQ6IGdldHRlclxuIFx0XHRcdH0pO1xuIFx0XHR9XG4gXHR9O1xuXG4gXHQvLyBnZXREZWZhdWx0RXhwb3J0IGZ1bmN0aW9uIGZvciBjb21wYXRpYmlsaXR5IHdpdGggbm9uLWhhcm1vbnkgbW9kdWxlc1xuIFx0X193ZWJwYWNrX3JlcXVpcmVfXy5uID0gZnVuY3Rpb24obW9kdWxlKSB7XG4gXHRcdHZhciBnZXR0ZXIgPSBtb2R1bGUgJiYgbW9kdWxlLl9fZXNNb2R1bGUgP1xuIFx0XHRcdGZ1bmN0aW9uIGdldERlZmF1bHQoKSB7IHJldHVybiBtb2R1bGVbJ2RlZmF1bHQnXTsgfSA6XG4gXHRcdFx0ZnVuY3Rpb24gZ2V0TW9kdWxlRXhwb3J0cygpIHsgcmV0dXJuIG1vZHVsZTsgfTtcbiBcdFx0X193ZWJwYWNrX3JlcXVpcmVfXy5kKGdldHRlciwgJ2EnLCBnZXR0ZXIpO1xuIFx0XHRyZXR1cm4gZ2V0dGVyO1xuIFx0fTtcblxuIFx0Ly8gT2JqZWN0LnByb3RvdHlwZS5oYXNPd25Qcm9wZXJ0eS5jYWxsXG4gXHRfX3dlYnBhY2tfcmVxdWlyZV9fLm8gPSBmdW5jdGlvbihvYmplY3QsIHByb3BlcnR5KSB7IHJldHVybiBPYmplY3QucHJvdG90eXBlLmhhc093blByb3BlcnR5LmNhbGwob2JqZWN0LCBwcm9wZXJ0eSk7IH07XG5cbiBcdC8vIF9fd2VicGFja19wdWJsaWNfcGF0aF9fXG4gXHRfX3dlYnBhY2tfcmVxdWlyZV9fLnAgPSBcIlwiO1xuXG4gXHQvLyBMb2FkIGVudHJ5IG1vZHVsZSBhbmQgcmV0dXJuIGV4cG9ydHNcbiBcdHJldHVybiBfX3dlYnBhY2tfcmVxdWlyZV9fKF9fd2VicGFja19yZXF1aXJlX18ucyA9IDUpO1xuXG5cblxuLy8gV0VCUEFDSyBGT09URVIgLy9cbi8vIHdlYnBhY2svYm9vdHN0cmFwIDUzZGMxYTkzZDIzYmM2M2FlNmEyIiwiZnVuY3Rpb24gYXBwZW5kTm9kZSAoIG5vZGUsIHRhcmdldCApIHtcblx0dGFyZ2V0LmFwcGVuZENoaWxkKCBub2RlICk7XG59XG5cbmZ1bmN0aW9uIGluc2VydE5vZGUgKCBub2RlLCB0YXJnZXQsIGFuY2hvciApIHtcblx0dGFyZ2V0Lmluc2VydEJlZm9yZSggbm9kZSwgYW5jaG9yICk7XG59XG5cbmZ1bmN0aW9uIGRldGFjaE5vZGUgKCBub2RlICkge1xuXHRub2RlLnBhcmVudE5vZGUucmVtb3ZlQ2hpbGQoIG5vZGUgKTtcbn1cblxuZnVuY3Rpb24gZGV0YWNoQmV0d2VlbiAoIGJlZm9yZSwgYWZ0ZXIgKSB7XG5cdHdoaWxlICggYmVmb3JlLm5leHRTaWJsaW5nICYmIGJlZm9yZS5uZXh0U2libGluZyAhPT0gYWZ0ZXIgKSB7XG5cdFx0YmVmb3JlLnBhcmVudE5vZGUucmVtb3ZlQ2hpbGQoIGJlZm9yZS5uZXh0U2libGluZyApO1xuXHR9XG59XG5cbmZ1bmN0aW9uIHRlYXJkb3duRWFjaCAoIGl0ZXJhdGlvbnMsIGRldGFjaCwgc3RhcnQgKSB7XG5cdGZvciAoIHZhciBpID0gKCBzdGFydCB8fCAwICk7IGkgPCBpdGVyYXRpb25zLmxlbmd0aDsgaSArPSAxICkge1xuXHRcdGl0ZXJhdGlvbnNbaV0udGVhcmRvd24oIGRldGFjaCApO1xuXHR9XG59XG5cbmZ1bmN0aW9uIGNyZWF0ZUVsZW1lbnQgKCBuYW1lICkge1xuXHRyZXR1cm4gZG9jdW1lbnQuY3JlYXRlRWxlbWVudCggbmFtZSApO1xufVxuXG5mdW5jdGlvbiBjcmVhdGVTdmdFbGVtZW50ICggbmFtZSApIHtcblx0cmV0dXJuIGRvY3VtZW50LmNyZWF0ZUVsZW1lbnROUyggJ2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJywgbmFtZSApO1xufVxuXG5mdW5jdGlvbiBjcmVhdGVUZXh0ICggZGF0YSApIHtcblx0cmV0dXJuIGRvY3VtZW50LmNyZWF0ZVRleHROb2RlKCBkYXRhICk7XG59XG5cbmZ1bmN0aW9uIGNyZWF0ZUNvbW1lbnQgKCkge1xuXHRyZXR1cm4gZG9jdW1lbnQuY3JlYXRlQ29tbWVudCggJycgKTtcbn1cblxuZnVuY3Rpb24gYWRkRXZlbnRMaXN0ZW5lciAoIG5vZGUsIGV2ZW50LCBoYW5kbGVyICkge1xuXHRub2RlLmFkZEV2ZW50TGlzdGVuZXIgKCBldmVudCwgaGFuZGxlciwgZmFsc2UgKTtcbn1cblxuZnVuY3Rpb24gcmVtb3ZlRXZlbnRMaXN0ZW5lciAoIG5vZGUsIGV2ZW50LCBoYW5kbGVyICkge1xuXHRub2RlLnJlbW92ZUV2ZW50TGlzdGVuZXIgKCBldmVudCwgaGFuZGxlciwgZmFsc2UgKTtcbn1cblxuZnVuY3Rpb24gc2V0QXR0cmlidXRlICggbm9kZSwgYXR0cmlidXRlLCB2YWx1ZSApIHtcblx0bm9kZS5zZXRBdHRyaWJ1dGUgKCBhdHRyaWJ1dGUsIHZhbHVlICk7XG59XG5cbmZ1bmN0aW9uIHNldFhsaW5rQXR0cmlidXRlICggbm9kZSwgYXR0cmlidXRlLCB2YWx1ZSApIHtcblx0bm9kZS5zZXRBdHRyaWJ1dGVOUyggJ2h0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsnLCBhdHRyaWJ1dGUsIHZhbHVlICk7XG59XG5cbmZ1bmN0aW9uIGdldEJpbmRpbmdHcm91cFZhbHVlICggZ3JvdXAgKSB7XG5cdHZhciB2YWx1ZSA9IFtdO1xuXHRmb3IgKCB2YXIgaSA9IDA7IGkgPCBncm91cC5sZW5ndGg7IGkgKz0gMSApIHtcblx0XHRpZiAoIGdyb3VwW2ldLmNoZWNrZWQgKSB2YWx1ZS5wdXNoKCBncm91cFtpXS5fX3ZhbHVlICk7XG5cdH1cblx0cmV0dXJuIHZhbHVlO1xufVxuXG5mdW5jdGlvbiBnZXQgKCBrZXkgKSB7XG5cdHJldHVybiBrZXkgPyB0aGlzLl9zdGF0ZVsga2V5IF0gOiB0aGlzLl9zdGF0ZTtcbn1cblxuZnVuY3Rpb24gZmlyZSAoIGV2ZW50TmFtZSwgZGF0YSApIHtcblx0dmFyIGhhbmRsZXJzID0gZXZlbnROYW1lIGluIHRoaXMuX2hhbmRsZXJzICYmIHRoaXMuX2hhbmRsZXJzWyBldmVudE5hbWUgXS5zbGljZSgpO1xuXHRpZiAoICFoYW5kbGVycyApIHJldHVybjtcblxuXHRmb3IgKCB2YXIgaSA9IDA7IGkgPCBoYW5kbGVycy5sZW5ndGg7IGkgKz0gMSApIHtcblx0XHRoYW5kbGVyc1tpXS5jYWxsKCB0aGlzLCBkYXRhICk7XG5cdH1cbn1cblxuZnVuY3Rpb24gb2JzZXJ2ZSAoIGtleSwgY2FsbGJhY2ssIG9wdGlvbnMgKSB7XG5cdHZhciBncm91cCA9ICggb3B0aW9ucyAmJiBvcHRpb25zLmRlZmVyICkgPyB0aGlzLl9vYnNlcnZlcnMucHJlIDogdGhpcy5fb2JzZXJ2ZXJzLnBvc3Q7XG5cblx0KCBncm91cFsga2V5IF0gfHwgKCBncm91cFsga2V5IF0gPSBbXSApICkucHVzaCggY2FsbGJhY2sgKTtcblxuXHRpZiAoICFvcHRpb25zIHx8IG9wdGlvbnMuaW5pdCAhPT0gZmFsc2UgKSB7XG5cdFx0Y2FsbGJhY2suX19jYWxsaW5nID0gdHJ1ZTtcblx0XHRjYWxsYmFjay5jYWxsKCB0aGlzLCB0aGlzLl9zdGF0ZVsga2V5IF0gKTtcblx0XHRjYWxsYmFjay5fX2NhbGxpbmcgPSBmYWxzZTtcblx0fVxuXG5cdHJldHVybiB7XG5cdFx0Y2FuY2VsOiBmdW5jdGlvbiAoKSB7XG5cdFx0XHR2YXIgaW5kZXggPSBncm91cFsga2V5IF0uaW5kZXhPZiggY2FsbGJhY2sgKTtcblx0XHRcdGlmICggfmluZGV4ICkgZ3JvdXBbIGtleSBdLnNwbGljZSggaW5kZXgsIDEgKTtcblx0XHR9XG5cdH07XG59XG5cbmZ1bmN0aW9uIG9ic2VydmVEZXYgKCBrZXksIGNhbGxiYWNrLCBvcHRpb25zICkge1xuXHR2YXIgYyA9ICgga2V5ID0gJycgKyBrZXkgKS5zZWFyY2goIC9bXlxcd10vICk7XG5cdGlmICggYyA+IC0xICkge1xuXHRcdHZhciBtZXNzYWdlID0gXCJUaGUgZmlyc3QgYXJndW1lbnQgdG8gY29tcG9uZW50Lm9ic2VydmUoLi4uKSBtdXN0IGJlIHRoZSBuYW1lIG9mIGEgdG9wLWxldmVsIHByb3BlcnR5XCI7XG5cdFx0aWYgKCBjID4gMCApIG1lc3NhZ2UgKz0gXCIsIGkuZS4gJ1wiICsga2V5LnNsaWNlKCAwLCBjICkgKyBcIicgcmF0aGVyIHRoYW4gJ1wiICsga2V5ICsgXCInXCI7XG5cblx0XHR0aHJvdyBuZXcgRXJyb3IoIG1lc3NhZ2UgKTtcblx0fVxuXG5cdHZhciBncm91cCA9ICggb3B0aW9ucyAmJiBvcHRpb25zLmRlZmVyICkgPyB0aGlzLl9vYnNlcnZlcnMucHJlIDogdGhpcy5fb2JzZXJ2ZXJzLnBvc3Q7XG5cblx0KCBncm91cFsga2V5IF0gfHwgKCBncm91cFsga2V5IF0gPSBbXSApICkucHVzaCggY2FsbGJhY2sgKTtcblxuXHRpZiAoICFvcHRpb25zIHx8IG9wdGlvbnMuaW5pdCAhPT0gZmFsc2UgKSB7XG5cdFx0Y2FsbGJhY2suX19jYWxsaW5nID0gdHJ1ZTtcblx0XHRjYWxsYmFjay5jYWxsKCB0aGlzLCB0aGlzLl9zdGF0ZVsga2V5IF0gKTtcblx0XHRjYWxsYmFjay5fX2NhbGxpbmcgPSBmYWxzZTtcblx0fVxuXG5cdHJldHVybiB7XG5cdFx0Y2FuY2VsOiBmdW5jdGlvbiAoKSB7XG5cdFx0XHR2YXIgaW5kZXggPSBncm91cFsga2V5IF0uaW5kZXhPZiggY2FsbGJhY2sgKTtcblx0XHRcdGlmICggfmluZGV4ICkgZ3JvdXBbIGtleSBdLnNwbGljZSggaW5kZXgsIDEgKTtcblx0XHR9XG5cdH07XG59XG5cbmZ1bmN0aW9uIG9uICggZXZlbnROYW1lLCBoYW5kbGVyICkge1xuXHRpZiAoIGV2ZW50TmFtZSA9PT0gJ3RlYXJkb3duJyApIHJldHVybiB0aGlzLm9uKCAnZGVzdHJveScsIGhhbmRsZXIgKTtcblxuXHR2YXIgaGFuZGxlcnMgPSB0aGlzLl9oYW5kbGVyc1sgZXZlbnROYW1lIF0gfHwgKCB0aGlzLl9oYW5kbGVyc1sgZXZlbnROYW1lIF0gPSBbXSApO1xuXHRoYW5kbGVycy5wdXNoKCBoYW5kbGVyICk7XG5cblx0cmV0dXJuIHtcblx0XHRjYW5jZWw6IGZ1bmN0aW9uICgpIHtcblx0XHRcdHZhciBpbmRleCA9IGhhbmRsZXJzLmluZGV4T2YoIGhhbmRsZXIgKTtcblx0XHRcdGlmICggfmluZGV4ICkgaGFuZGxlcnMuc3BsaWNlKCBpbmRleCwgMSApO1xuXHRcdH1cblx0fTtcbn1cblxuZnVuY3Rpb24gb25EZXYgKCBldmVudE5hbWUsIGhhbmRsZXIgKSB7XG5cdGlmICggZXZlbnROYW1lID09PSAndGVhcmRvd24nICkge1xuXHRcdGNvbnNvbGUud2FybiggXCJVc2UgY29tcG9uZW50Lm9uKCdkZXN0cm95JywgLi4uKSBpbnN0ZWFkIG9mIGNvbXBvbmVudC5vbigndGVhcmRvd24nLCAuLi4pIHdoaWNoIGhhcyBiZWVuIGRlcHJlY2F0ZWQgYW5kIHdpbGwgYmUgdW5zdXBwb3J0ZWQgaW4gU3ZlbHRlIDJcIiApO1xuXHRcdHJldHVybiB0aGlzLm9uKCAnZGVzdHJveScsIGhhbmRsZXIgKTtcblx0fVxuXG5cdHZhciBoYW5kbGVycyA9IHRoaXMuX2hhbmRsZXJzWyBldmVudE5hbWUgXSB8fCAoIHRoaXMuX2hhbmRsZXJzWyBldmVudE5hbWUgXSA9IFtdICk7XG5cdGhhbmRsZXJzLnB1c2goIGhhbmRsZXIgKTtcblxuXHRyZXR1cm4ge1xuXHRcdGNhbmNlbDogZnVuY3Rpb24gKCkge1xuXHRcdFx0dmFyIGluZGV4ID0gaGFuZGxlcnMuaW5kZXhPZiggaGFuZGxlciApO1xuXHRcdFx0aWYgKCB+aW5kZXggKSBoYW5kbGVycy5zcGxpY2UoIGluZGV4LCAxICk7XG5cdFx0fVxuXHR9O1xufVxuXG5mdW5jdGlvbiBzZXQgKCBuZXdTdGF0ZSApIHtcblx0dGhpcy5fc2V0KCBuZXdTdGF0ZSApO1xuXHQoIHRoaXMuX3Jvb3QgfHwgdGhpcyApLl9mbHVzaCgpO1xufVxuXG5mdW5jdGlvbiBfZmx1c2ggKCkge1xuXHRpZiAoICF0aGlzLl9yZW5kZXJIb29rcyApIHJldHVybjtcblxuXHR3aGlsZSAoIHRoaXMuX3JlbmRlckhvb2tzLmxlbmd0aCApIHtcblx0XHR2YXIgaG9vayA9IHRoaXMuX3JlbmRlckhvb2tzLnBvcCgpO1xuXHRcdGhvb2suZm4uY2FsbCggaG9vay5jb250ZXh0ICk7XG5cdH1cbn1cblxudmFyIHByb3RvID0ge1xuXHRnZXQ6IGdldCxcblx0ZmlyZTogZmlyZSxcblx0b2JzZXJ2ZTogb2JzZXJ2ZSxcblx0b246IG9uLFxuXHRzZXQ6IHNldCxcblx0X2ZsdXNoOiBfZmx1c2hcbn07XG5cbnZhciBwcm90b0RldiA9IHtcblx0Z2V0OiBnZXQsXG5cdGZpcmU6IGZpcmUsXG5cdG9ic2VydmU6IG9ic2VydmVEZXYsXG5cdG9uOiBvbkRldixcblx0c2V0OiBzZXQsXG5cdF9mbHVzaDogX2ZsdXNoXG59O1xuXG5mdW5jdGlvbiBub29wICgpIHt9XG5cbmZ1bmN0aW9uIGRpc3BhdGNoT2JzZXJ2ZXJzICggY29tcG9uZW50LCBncm91cCwgbmV3U3RhdGUsIG9sZFN0YXRlICkge1xuXHRmb3IgKCB2YXIga2V5IGluIGdyb3VwICkge1xuXHRcdGlmICggISgga2V5IGluIG5ld1N0YXRlICkgKSBjb250aW51ZTtcblxuXHRcdHZhciBuZXdWYWx1ZSA9IG5ld1N0YXRlWyBrZXkgXTtcblx0XHR2YXIgb2xkVmFsdWUgPSBvbGRTdGF0ZVsga2V5IF07XG5cblx0XHRpZiAoIG5ld1ZhbHVlID09PSBvbGRWYWx1ZSAmJiB0eXBlb2YgbmV3VmFsdWUgIT09ICdvYmplY3QnICkgY29udGludWU7XG5cblx0XHR2YXIgY2FsbGJhY2tzID0gZ3JvdXBbIGtleSBdO1xuXHRcdGlmICggIWNhbGxiYWNrcyApIGNvbnRpbnVlO1xuXG5cdFx0Zm9yICggdmFyIGkgPSAwOyBpIDwgY2FsbGJhY2tzLmxlbmd0aDsgaSArPSAxICkge1xuXHRcdFx0dmFyIGNhbGxiYWNrID0gY2FsbGJhY2tzW2ldO1xuXHRcdFx0aWYgKCBjYWxsYmFjay5fX2NhbGxpbmcgKSBjb250aW51ZTtcblxuXHRcdFx0Y2FsbGJhY2suX19jYWxsaW5nID0gdHJ1ZTtcblx0XHRcdGNhbGxiYWNrLmNhbGwoIGNvbXBvbmVudCwgbmV3VmFsdWUsIG9sZFZhbHVlICk7XG5cdFx0XHRjYWxsYmFjay5fX2NhbGxpbmcgPSBmYWxzZTtcblx0XHR9XG5cdH1cbn1cblxuZXhwb3J0IHsgbm9vcCwgZGlzcGF0Y2hPYnNlcnZlcnMsIGFwcGVuZE5vZGUsIGluc2VydE5vZGUsIGRldGFjaE5vZGUsIGRldGFjaEJldHdlZW4sIHRlYXJkb3duRWFjaCwgY3JlYXRlRWxlbWVudCwgY3JlYXRlU3ZnRWxlbWVudCwgY3JlYXRlVGV4dCwgY3JlYXRlQ29tbWVudCwgYWRkRXZlbnRMaXN0ZW5lciwgcmVtb3ZlRXZlbnRMaXN0ZW5lciwgc2V0QXR0cmlidXRlLCBzZXRYbGlua0F0dHJpYnV0ZSwgZ2V0QmluZGluZ0dyb3VwVmFsdWUsIGdldCwgZmlyZSwgb2JzZXJ2ZSwgb2JzZXJ2ZURldiwgb24sIG9uRGV2LCBzZXQsIF9mbHVzaCwgcHJvdG8sIHByb3RvRGV2IH07XG5cblxuXG4vLy8vLy8vLy8vLy8vLy8vLy9cbi8vIFdFQlBBQ0sgRk9PVEVSXG4vLyAuL34vc3ZlbHRlL3NoYXJlZC5qc1xuLy8gbW9kdWxlIGlkID0gMFxuLy8gbW9kdWxlIGNodW5rcyA9IDAiLCIvKiBnbG9iYWwgZG9jdW1lbnQgKi9cblxuaW1wb3J0IENvdW50ZXIgZnJvbSAnLi9jb3VudGVyJztcblxuY29uc3QgY291bnRlciA9IG5ldyBDb3VudGVyKHtcbiAgdGFyZ2V0OiBkb2N1bWVudC5xdWVyeVNlbGVjdG9yKCcjY291bnRlcicpXG59KTtcblxuZG9jdW1lbnQucXVlcnlTZWxlY3RvcignI3Jlc2V0LWNvdW50ZXInKS5hZGRFdmVudExpc3RlbmVyKCdjbGljaycsIGZ1bmN0aW9uKCkge1xuICBjb3VudGVyLnNldCh7IGNvdW50OiAwIH0pO1xufSk7XG5cblxuLy8gV0VCUEFDSyBGT09URVIgLy9cbi8vIC4vc3JjL2luZGV4LmpzIiwiXG5leHBvcnQgZnVuY3Rpb24gaGVsbG8obmFtZSkge1xuICByZXR1cm4gYEhlbGxvICR7bmFtZX1gO1xufVxuXG5cbi8vIFdFQlBBQ0sgRk9PVEVSIC8vXG4vLyAuL3NyYy9oZWxwZXJzLmpzIiwiPEhlYWRlciBiaW5kOmNvdW50IGR1ZGU9XCJ3YWx0XCIgLz5cblxuPHA+Q291bnQ6IHt7Y291bnR9fTwvcD5cbjxidXR0b24gb246Y2xpY2s9J3NldCh7IGNvdW50OiBjb3VudCArIDEgfSknPisxPC9idXR0b24+XG5cbjxzY3JpcHQ+XG4gIGltcG9ydCBIZWFkZXIgZnJvbSAnLi9oZWFkZXInO1xuXG4gIGV4cG9ydCBkZWZhdWx0IHtcbiAgICBkYXRhKCkge1xuICAgICAgcmV0dXJuIHtcbiAgICAgICAgY291bnQ6IDBcbiAgICAgIH07XG4gICAgfSxcbiAgICBjb21wb25lbnRzOiB7XG4gICAgICBIZWFkZXJcbiAgICB9XG4gIH07XG48L3NjcmlwdD5cblxuXG4vLyBXRUJQQUNLIEZPT1RFUiAvL1xuLy8gLi9zcmMvY291bnRlci5odG1sIiwiPGgxPnt7IHNhbHV0YXRpb24gfX0sIGNvdW50ZWQgdG8ge3sgY291bnQgfX0gYWxyZWFkeSE8L2gxPlxuXG48c2NyaXB0PlxuICBpbXBvcnQgeyBoZWxsbyB9IGZyb20gJy4vaGVscGVycyc7XG5cbiAgZXhwb3J0IGRlZmF1bHQge1xuICAgIGRhdGEoKSB7XG4gICAgICByZXR1cm4ge1xuICAgICAgICBkdWRlOiAnVW5rbm93bicsXG4gICAgICAgIGNvdW50OiAwXG4gICAgICB9XG4gICAgfSxcbiAgICBjb21wdXRlZDoge1xuICAgICAgc2FsdXRhdGlvbihkdWRlKSB7XG4gICAgICAgIHJldHVybiBoZWxsbyhkdWRlKTtcbiAgICAgIH1cbiAgICB9XG4gIH07XG48L3NjcmlwdD5cblxuXG4vLyBXRUJQQUNLIEZPT1RFUiAvL1xuLy8gLi9zcmMvaGVhZGVyLmh0bWwiXSwic291cmNlUm9vdCI6IiJ9
\ No newline at end of file
diff --git a/example/webpack2/src/counter.html b/example/webpack2/src/counter.html
deleted file mode 100644
index b1afb5ff..00000000
--- a/example/webpack2/src/counter.html
+++ /dev/null
@@ -1,19 +0,0 @@
-<Header bind:count dude="walt" />
-
-<p>Count: {{count}}</p>
-<button on:click='set({ count: count + 1 })'>+1</button>
-
-<script>
-  import Header from './header';
-
-  export default {
-    data() {
-      return {
-        count: 0
-      };
-    },
-    components: {
-      Header
-    }
-  };
-</script>
\ No newline at end of file
diff --git a/example/webpack2/src/header.html b/example/webpack2/src/header.html
deleted file mode 100644
index 40a8e112..00000000
--- a/example/webpack2/src/header.html
+++ /dev/null
@@ -1,19 +0,0 @@
-<h1>{{ salutation }}, counted to {{ count }} already!</h1>
-
-<script>
-  import { hello } from './helpers';
-
-  export default {
-    data() {
-      return {
-        dude: 'Unknown',
-        count: 0
-      }
-    },
-    computed: {
-      salutation(dude) {
-        return hello(dude);
-      }
-    }
-  };
-</script>
\ No newline at end of file
diff --git a/example/webpack2/src/helpers.js b/example/webpack2/src/helpers.js
deleted file mode 100644
index b97161aa..00000000
--- a/example/webpack2/src/helpers.js
+++ /dev/null
@@ -1,4 +0,0 @@
-
-export function hello(name) {
-  return `Hello ${name}`;
-}
\ No newline at end of file
diff --git a/example/webpack2/src/index.js b/example/webpack2/src/index.js
deleted file mode 100644
index a3c3afc8..00000000
--- a/example/webpack2/src/index.js
+++ /dev/null
@@ -1,11 +0,0 @@
-/* global document */
-
-import Counter from './counter';
-
-const counter = new Counter({
-  target: document.querySelector('#counter')
-});
-
-document.querySelector('#reset-counter').addEventListener('click', function() {
-  counter.set({ count: 0 });
-});
\ No newline at end of file
diff --git a/example/webpack2/webpack.config.js b/example/webpack2/webpack.config.js
deleted file mode 100644
index f4fe0a33..00000000
--- a/example/webpack2/webpack.config.js
+++ /dev/null
@@ -1,36 +0,0 @@
-const { readFileSync } = require('fs');
-
-const babelSettings = JSON.parse(readFileSync('.babelrc'));
-
-
-module.exports = {
-  entry: {
-    'index': [ './src/index.js' ]
-  },
-  resolve: {
-    extensions: [ '.js', '.html' ]
-  },
-  output: {
-    path: __dirname + '/public',
-    filename: '[name].js',
-    chunkFilename: '[name].[id].js'
-  },
-  module: {
-    rules: [
-      {
-        test: /\.(html|js)$/,
-        exclude: /node_modules/,
-        use: {
-          loader: 'babel-loader',
-          query: babelSettings
-        }
-      },
-      {
-        test: /\.html$/,
-        exclude: /node_modules/,
-        use: 'svelte-loader'
-      }
-    ]
-  },
-  devtool: 'inline-source-map'
-};
\ No newline at end of file
diff --git a/index.js b/index.js
index 2a4ddd4d..f6079047 100644
--- a/index.js
+++ b/index.js
@@ -72,7 +72,7 @@ module.exports = function(source, map) {
 			const resource = posixify(compileOptions.filename);
 			const cssPath = `${resource}.${index++}.css`;
 			css.code += '\n/*# sourceMappingURL=' + css.map.toUrl() + '*/';
-			js.code += `\nimport '${cssPath}!=!svelte-loader?cssPath=${cssPath}!${resource}'\n;`;
+			js.code += `\nimport '${cssPath}!=!@non25/svelte-loader?cssPath=${cssPath}!${resource}'\n;`;
 			virtualModules.set(cssPath, css.code);
 		}
 
diff --git a/package-lock.json b/package-lock.json
index dbb7321f..24d9148f 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,6 +1,6 @@
 {
-  "name": "svelte-loader",
-  "version": "3.1.1",
+  "name": "@non25/svelte-loader",
+  "version": "3.1.3",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {
diff --git a/package.json b/package.json
index 2331a1c3..86f11af2 100644
--- a/package.json
+++ b/package.json
@@ -1,8 +1,8 @@
 {
-  "name": "svelte-loader",
-  "version": "3.1.1",
+  "name": "@non25/svelte-loader",
+  "version": "3.1.3",
   "author": "Nico Rehwaldt <git_nikku@nixis.de>",
-  "description": "A webpack loader for svelte",
+  "description": "Fork of a webpack loader for svelte with bugs fixed",
   "license": "MIT",
   "scripts": {
     "all": "npm run lint && npm run test",
@@ -33,7 +33,7 @@
   },
   "repository": {
     "type": "git",
-    "url": "git@github.com:sveltejs/svelte-loader.git"
+    "url": "git@github.com:non25/svelte-loader.git"
   },
   "files": [
     "lib",
diff --git a/test/loader.spec.js b/test/loader.spec.js
index 6e9d4890..89ec70f4 100644
--- a/test/loader.spec.js
+++ b/test/loader.spec.js
@@ -216,7 +216,7 @@ describe('loader', () => {
 					function(err, code, map) {
 						expect(err).not.to.exist;
 
-						expect(code).to.match(/!=!svelte-loader\?cssPath=/);
+						expect(code).to.match(/!=!@non25\/svelte-loader\?cssPath=/);
 					},
 					{ emitCss: true }
 				)