Merge pull request #20 from sveltejs/v3

V3

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",

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

src/App.svelte

@@ -1,7 +1,11 @@
-<h1>Hello {name}!</h1>
+<script>
+	export let name;
+</script>
 
 <style>
 	h1 {
 		color: purple;
 	}
 </style>
+
+<h1>Hello {name}!</h1>

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'
 	}
 });