diff --git a/package.json b/package.json
index 1fc344e..a251f34 100644
--- a/package.json
+++ b/package.json
@@ -3,13 +3,13 @@
   "version": "1.0.0",
   "devDependencies": {
     "npm-run-all": "^4.1.5",
-    "rollup": "^1.2.2",
-    "rollup-plugin-commonjs": "^9.2.0",
-    "rollup-plugin-node-resolve": "^4.0.1",
+    "rollup": "^1.10.1",
+    "rollup-plugin-commonjs": "^9.3.4",
+    "rollup-plugin-node-resolve": "^4.2.3",
     "rollup-plugin-svelte": "^5.0.3",
     "rollup-plugin-terser": "^4.0.4",
-    "sirv-cli": "^0.2.3",
-    "svelte": "^2.16.1"
+    "sirv-cli": "^0.3.1",
+    "svelte": "^3.0.0"
   },
   "scripts": {
     "build": "rollup -c",
diff --git a/rollup.config.js b/rollup.config.js
index d9aa427..0c83c8b 100644
--- a/rollup.config.js
+++ b/rollup.config.js
@@ -15,10 +15,6 @@ export default {
 	},
 	plugins: [
 		svelte({
-			// opt in to v3 behaviour today
-			skipIntroByDefault: true,
-			nestedTransitions: true,
-
 			// enable run-time checks when not in production
 			dev: !production,
 			// we'll extract any component CSS out into
diff --git a/src/App.html b/src/App.svelte
similarity index 55%
rename from src/App.html
rename to src/App.svelte
index c943940..0fbce2a 100644
--- a/src/App.html
+++ b/src/App.svelte
@@ -1,7 +1,11 @@
-<h1>Hello {name}!</h1>
+<script>
+	export let name;
+</script>
 
 <style>
 	h1 {
 		color: purple;
 	}
-</style>
\ No newline at end of file
+</style>
+
+<h1>Hello {name}!</h1>
diff --git a/src/main.js b/src/main.js
index c804cee..d6cacbb 100644
--- a/src/main.js
+++ b/src/main.js
@@ -1,8 +1,8 @@
-import App from './App.html';
+import App from './App.svelte';
 
 const app = new App({
 	target: document.body,
-	data: {
+	props: {
 		name: 'world'
 	}
 });