Polymer elements in Jade

element.jade

- var elementName = '';
block vars

polymer-element(name="#{elementName}")
  block element

foo-element.html

<!--This is the output of running `jade foo-element.jade --pretty`-->

<polymer-element name="foo-element">
  <template>
    <h1>Hello World</h1>
  </template>
  <script>
    Polymer('foo-element', {
      foo: 'bar'
    });
  </script>
</polymer-element>

foo-element.jade

extends element

block vars
  - var elementName = 'foo-element';

block element
  template
    h1 Hello World
  script.
    Polymer('foo-element', {
      foo: 'bar'
    });