Always move component documentation comment to the top

You can create documentation for a Svelte component like this. I think it makes sense to always have this at the top of the file.

Current result when using scripts-markup-style:

<script>
  export let name = 'world';
</script>

<!--
@component
Here's some documentation for this component.
It will show up on hover.
-->
<h1>Hello, {name}</h1>

<style>
   h1 {
     color: blue;
   }
</style>

Desired result:

<!--
@component
Here's some documentation for this component.
It will show up on hover.
-->

<script>
  export let name = 'world';
</script>

<h1>Hello, {name}</h1>

<style>
   h1 {
     color: blue;
   }
</style>

This would be a breaking change.

Thoughts?

[ehrencrona]

Oh, right, true. We’d need to extend that to work with arbitrary comments then essentially. Looking at the code, that would also make sense code-wise. Seems like it should be a simple change.

[benmccann]

I think I like this change though I’ve never used this component documentation, so take that with a grain of salt. We should probably update the faq question you linked to if this change is made to use the same style.