Upgrade to Svelte 3

Additionally, some other packages were upgraded.

package.json

@@ -1,24 +1,24 @@
 {
   "name": "chrome-extension-svelte-webpack",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "description": "A boilerplate to chrome extension with svelte and webpack",
   "scripts": {
     "build": "node utils/build.js",
     "start": "node utils/webserver.js"
   },
   "devDependencies": {
-    "clean-webpack-plugin": "^0.1.17",
-    "copy-webpack-plugin": "^4.2.0",
-    "css-loader": "^0.25.0",
-    "file-loader": "^0.11.2",
-    "fs-extra": "^0.30.0",
-    "html-loader": "^0.4.5",
-    "html-webpack-plugin": "2.24.1",
-    "style-loader": "^0.13.0",
-    "svelte": "^2.8.1",
-    "svelte-loader": "2.8.1",
-    "webpack": "2.2.1",
-    "webpack-dev-server": "^2.3.0",
-    "write-file-webpack-plugin": "3.4.2"
+    "clean-webpack-plugin": "^1.0.0",
+    "copy-webpack-plugin": "^4.6.0",
+    "css-loader": "2.1.0",
+    "file-loader": "3.0.1",
+    "fs-extra": "7.0.1",
+    "html-loader": "0.5.5",
+    "html-webpack-plugin": "3.2.0",
+    "style-loader": "^0.23.1",
+    "svelte": "^3.5.1",
+    "svelte-loader": "^2.13.4",
+    "webpack": "4.33.0",
+    "webpack-dev-server": "3.7.1",
+    "write-file-webpack-plugin": "4.5.0"
   }
 }

src/js/popup.js

@@ -2,7 +2,7 @@ import App from '../svelte/Popup.svelte';
 
 const app = new App({
 	target: document.body,
-	data: {
+	props: {
 		name: 'world'
 	}
 });

src/svelte/Popup.svelte

@@ -1,6 +1,10 @@
 <h1>Hello {name}!</h1>
 <img alt="logo" src="/icon-128.png">
 
+<script> 
+export let name;
+</script>
+
 <style>
 	h1 {
 		color: blue;

webpack.config.js

@@ -51,8 +51,6 @@ var options = {
 				use: {
 					loader: 'svelte-loader',
 					options: {
-						skipIntroByDefault: true,
-						nestedTransitions: true,
 						emitCss: false,
 						hotReload: true
 					}