remove top-level text nodes on teardown

compiler/generate/visitors/Text.js

@@ -2,8 +2,21 @@ import deindent from '../utils/deindent.js';
 
 export default {
 	enter ( generator, node ) {
-		generator.current.initStatements.push( deindent`
+		if ( generator.elementDepth > 1 ) {
-			${generator.current.target}.appendChild( document.createTextNode( ${JSON.stringify( node.data )} ) );
+			generator.current.initStatements.push( deindent`
-		` );
+				${generator.current.target}.appendChild( document.createTextNode( ${JSON.stringify( node.data )} ) );
+			` );
+		} else {
+			const name = generator.current.counter( `text` );
+
+			generator.current.initStatements.push( deindent`
+				var ${name} = document.createTextNode( ${JSON.stringify( node.data )} );
+				${generator.current.target}.appendChild( ${name} );
+			` );
+
+			generator.current.teardownStatements.push( deindent`
+				${name}.parentNode.removeChild( ${name} );
+			` );
+		}
 	}
 };

test/compiler/text-node-top-level/_config.js

@@ -0,0 +1,3 @@
+export default {
+	html: 'text'
+};

test/compiler/text-node-top-level/main.html

@@ -0,0 +1 @@
+text