Vue style guide: closing bracket location

I'd like to advocate that we decide on a specific closing bracket style for our vue templates within our styleguide. Here are the different options. Right now we use a mixture of line-aligned and after-props. I'd like to advocate for line-aligned or tag-aligned because I think it is more readable when the tag has child elements.

line-aligned

<my-component
  really-long-param="foo"
  another-really-long-param="bar"
/>

Foo: <my-component
  really-long-param="foo"
  another-really-long-param="bar"
/>

<my-other-component
  really-long-param="foo"
  another-really-long-param="bar"
>
  Hello World!
</my-other-component>

tag-aligned

<my-component
  really-long-param="foo"
  another-really-long-param="bar"
/>

Foo: <my-component
       really-long-param="foo"
       another-really-long-param="bar"
     />

<my-other-component
  really-long-param="foo"
  another-really-long-param="bar"
>
  Hello World!
</my-other-component>

after-props

<my-component
  really-long-param="foo"
  another-really-long-param="bar" />

<my-other-component
  really-long-param="foo"
  another-really-long-param="bar">
  Hello World!
</my-other-component>

props-aligned

<my-component
  really-long-param="foo"
  another-really-long-param="bar"
  />

<my-other-component
  really-long-param="foo"
  another-really-long-param="bar"
  >
  Hello World!
</my-other-component>

Vue linter implementation

Related issue: https://github.com/vuejs/eslint-plugin-vue/issues/169