move stuff into init/flush functions

src/compile/dom/index.ts

@@ -212,16 +212,6 @@ export default function dom(
 			`if (!document.getElementById("${compiler.stylesheet.id}-style")) @add_css();`)
 		}
 
-		${(hasInitHooks || compiler.hasComponents || target.hasComplexBindings || target.hasIntroTransitions) && deindent`
-			if (!options.root) {
-				this._oncreate = [];
-				${(compiler.hasComponents || target.hasComplexBindings) && `this._beforecreate = [];`}
-				${(compiler.hasComponents || target.hasIntroTransitions) && `this._aftercreate = [];`}
-			}
-		`}
-
-		${compiler.slots.size && `this.slots = {};`}
-
 		${templateProperties.onstate && `%onstate.call(this, { changed: @assignTrue({}, this._state), current: this._state });`}
 
 		this._fragment = @create_main_fragment(this, this._state);
@@ -241,24 +231,18 @@ export default function dom(
 		` : deindent`
 			if (options.target) {
 				${compiler.options.hydratable
-					? deindent`
+				? deindent`
-						var nodes = @children(options.target);
+				var nodes = @children(options.target);
-						options.hydrate ? this._fragment.l(nodes) : this._fragment.c();
+				options.hydrate ? this._fragment.l(nodes) : this._fragment.c();
-						nodes.forEach(@detachNode);
+				nodes.forEach(@detachNode);` :
-					` :
+				deindent`
-					deindent`
+				${options.dev &&
-						${options.dev && `if (options.hydrate) throw new Error("options.hydrate only works if the component was compiled with the \`hydratable: true\` option");`}
+				`if (options.hydrate) throw new Error("options.hydrate only works if the component was compiled with the \`hydratable: true\` option");`}
-						this._fragment.c();
+				this._fragment.c();`}
-					`}
 				this._mount(options.target, options.anchor);
 
-				${(compiler.hasComponents || target.hasComplexBindings || hasInitHooks || target.hasIntroTransitions) && deindent`
+				${(compiler.hasComponents || target.hasComplexBindings || hasInitHooks || target.hasIntroTransitions) &&
-					${compiler.hasComponents && `this._lock = true;`}
+				`@flush(this);`}
-					${(compiler.hasComponents || target.hasComplexBindings) && `@callAll(this._beforecreate);`}
-					${(compiler.hasComponents || hasInitHooks) && `@callAll(this._oncreate);`}
-					${(compiler.hasComponents || target.hasIntroTransitions) && `@callAll(this._aftercreate);`}
-					${compiler.hasComponents && `this._lock = false;`}
-				`}
 			}
 		`}
 
@@ -302,11 +286,7 @@ export default function dom(
 
 				${(compiler.hasComponents || target.hasComplexBindings || templateProperties.oncreate || target.hasIntroTransitions) && deindent`
 					connectedCallback() {
-						${compiler.hasComponents && `this._lock = true;`}
+						@flush(this);
-						${(compiler.hasComponents || target.hasComplexBindings) && `@callAll(this._beforecreate);`}
-						${(compiler.hasComponents || templateProperties.oncreate) && `@callAll(this._oncreate);`}
-						${(compiler.hasComponents || target.hasIntroTransitions) && `@callAll(this._aftercreate);`}
-						${compiler.hasComponents && `this._lock = false;`}
 					}
 				`}
 			}

src/shared/index.js

@@ -57,17 +57,32 @@ export function fire(eventName, data) {
 	}
 }
 
+export function flush(component) {
+	component._lock = true;
+	callAll(component._beforecreate);
+	callAll(component._oncreate);
+	callAll(component._aftercreate);
+	component._lock = false;
+}
+
 export function get() {
 	return this._state;
 }
 
 export function init(component, options) {
 	component._handlers = blankObject();
+	component._slots = blankObject();
 	component._bind = options._bind;
 
 	component.options = options;
 	component.root = options.root || component;
 	component.store = options.store || component.root.store;
+
+	if (!options.root) {
+		component._beforecreate = [];
+		component._oncreate = [];
+		component._aftercreate = [];
+	}
 }
 
 export function on(eventName, handler) {
@@ -89,11 +104,7 @@ export function run(fn) {
 export function set(newState) {
 	this._set(assign({}, newState));
 	if (this.root._lock) return;
-	this.root._lock = true;
+	flush(this.root);
-	callAll(this.root._beforecreate);
-	callAll(this.root._oncreate);
-	callAll(this.root._aftercreate);
-	this.root._lock = false;
 }
 
 export function _set(newState) {