Vue support for prettier

command.sh

yarn prettier --print-width 80 --no-semi --single-quote --parser parse5 --write example.vue

example-after.vue

<template>


  <example>
    <p>{{ code }}</p>

    <ul>
      <li v-for="item in array">{{ item }}</li>
    </ul>
  </example>
</template>

<script>
  export default {
    name: 'example',
    data: () => ({ array: [1, 2, 3] }),
    props: {
      code: {
        type: String,
        required: true
      }
    }
  }

</script>

<style>
  .example {
    background: red;
  }

  li {
    list-style-type: none;
  }
</style>

example.vue

<template>
  <example>
    <p>{{ code }}</p>
    <ul>
      <li v-for="item in array">{{ item }}</li></ul>
  </example>
</template>

<script>
export default {
  name: 'example',
  data: () => ({ array: [1, 2, 3] }),
  props: {
    code: { type: String,
      required: true
    }
  }
}
</script>

<style>
.example {
  background: red;
}

li {
  list-style-type: none
}
</style>

The command seems to work correctly for the <script> section, however:

• all line breaks are removed from the <template> section
• a semicolon is added to the end of the <style> section.
• new lines have been inserted at the top of the file

I'm not sure if prettier supports indented syntax Sass and Pug or not so that could be the issue?