Preserve vertical whitespace in Vue template with Prettier
Your only option(workaround) is using ignore.
Ex Js files. // prettier-ignore
Ex Html files.<!-- prettier-ignore -->
Here's the list of rules for vue in eslint: https://vuejs.github.io/eslint-plugin-vue/rules/But if you disable a rule it will be applied to all your code then.
Also, it seems that you can tell Prettier to ignore a block: https://prettier.io/docs/en/ignore.html#html
Besides, I would argue that this is more 'readable', but that's my point of view :)
<template> <header> <a href="/" class="logo">Home</a> </header></template>