Merge pull request #347 from sveltejs/gh-335-top-level-special-tags

only process special tags (script, style) when they are top-level

src/parse/state/tag.js

@@ -130,13 +130,13 @@ export default function tag ( parser ) {
 
 	parser.allowWhitespace();
 
-	// special cases – <script> and <style>
+	// special cases – top-level <script> and <style>
-	if ( name in specials ) {
+	if ( name in specials && parser.stack.length === 1 ) {
 		const special = specials[ name ];
 
 		if ( parser[ special.property ] ) {
 			parser.index = start;
-			parser.error( `You can only have one <${name}> tag per component` );
+			parser.error( `You can only have one top-level <${name}> tag per component` );
 		}
 
 		parser.eat( '>', true );

test/parser/error-multiple-styles/error.json

@@ -1,5 +1,5 @@
 {
-	"message": "You can only have one <style> tag per component",
+	"message": "You can only have one top-level <style> tag per component",
 	"loc": {
 		"line": 9,
 		"column": 0