%span{foo: {bar: 1+2}} hello
<span foo='{:bar=>3}'>hello</span>
<span foo-bar='3'>hello</span>
- attrs = { foo: 1, bar: { hoge: :fuga }, baz: true }
%span{attrs} hello
<span bar='{:hoge=>:fuga}' baz foo='1'>hello</span>
<span bar-hoge='fuga' baz foo='1'>hello</span>
<span bar='{:hoge=>:fuga}' baz='true' foo='1'>hello</span>
- data = { foo: 1 }
%span{foo: {bar: "x#{1}y"}} hello
<span foo='{:bar=>"x1y"}'>hello</span>
<span foo-bar='x1y'>hello</span>