vue eslint html标签间距

Question

现在我正在用eslint-plugin-vue检查我的代码，如何设置标签来换行，像这样，我尝试了很多方法，包括https://eslint.vuejs.org/rules/multiline-html-element-content-newline.html#options，但没有用

<template>
    <-- spacing -->
    <div class="header">
        <-- spacing -->
        <div class="logo"></div>
        <-- spacing -->
    </div>
    <!-- spacing -->
    <div class="content">
        <-- spacing -->
        <div class="left"></div>
        <-- spacing -->
        <div class="right"></div>
        <-- spacing -->
    </div>
    <!-- spacing -->
    <div class="footer">
        <-- spacing -->
        <span>XXXXX(at)gmail.com</span>
        <-- spacing -->
    </div>
    <-- spacing -->
</template>
<style lang="less" scoped>
    <-- spacing -->
    .header{}
    .content{}
    .footer{}
    <-- spacing -->
</style>
<script>
    <-- spacing -->
    export default {
        name: 'app'
    }
    <-- spacing -->
</script>