allow multiple SVGs - fixes #130

compiler/generate/visitors/Element.js

@@ -13,7 +13,7 @@ export default {
 
 		const local = {
 			name,
-			namespace: name === 'svg' ? 'http://www.w3.org/2000/svg' : generator.current.namespace,
+			namespace: node.name === 'svg' ? 'http://www.w3.org/2000/svg' : generator.current.namespace,
 			isComponent: false,
 
 			allUsedContexts: new Set(),

test/compiler/svg-multiple/_config.js

@@ -0,0 +1,29 @@
+export default {
+	data: {
+		x: 0,
+		y: 0,
+		width: 100,
+		height: 100
+	},
+
+	html: `
+		<svg><rect x="0" y="0" width="100" height="100"></rect></svg>
+		<svg><rect x="0" y="0" width="100" height="100"></rect></svg>
+	`,
+
+	test ( assert, component, target ) {
+		const svgs = target.querySelectorAll( 'svg' );
+		const rects = target.querySelectorAll( 'rect' );
+
+		assert.equal( svgs[0].namespaceURI, 'http://www.w3.org/2000/svg' );
+		assert.equal( svgs[0].namespaceURI, 'http://www.w3.org/2000/svg' );
+		assert.equal( rects[1].namespaceURI, 'http://www.w3.org/2000/svg' );
+		assert.equal( rects[1].namespaceURI, 'http://www.w3.org/2000/svg' );
+
+		component.set({ width: 150, height: 50 });
+		assert.htmlEqual( target.innerHTML, `
+			<svg><rect x="0" y="0" width="150" height="50"></rect></svg>
+			<svg><rect x="0" y="0" width="150" height="50"></rect></svg>
+		` );
+	}
+};

test/compiler/svg-multiple/main.html

@@ -0,0 +1,7 @@
+<svg>
+	<rect x='{{x}}' y='{{y}}' width='{{width}}' height='{{height}}'/>
+</svg>
+
+<svg>
+	<rect x='{{x}}' y='{{y}}' width='{{width}}' height='{{height}}'/>
+</svg>