vue eslint html label spacing

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>