unexpected space add to router-link due vue/singleline-html-element-content-newline, set it to off

.eslintrc.js

@@ -22,6 +22,7 @@ module.exports = {
         //semi: ['off', 'never'],
         "vue/html-indent": ["warn", 4], // default: 2
         "vue/max-attributes-per-line": "off",
+        "vue/singleline-html-element-content-newline": "off",
         "no-multi-spaces": ["error", {
             ignoreEOLComments: true,
         }],

src/pages/Dashboard.vue

@@ -3,16 +3,12 @@
         <div class="row">
             <div class="col-12 col-md-5 col-xl-4">
                 <div v-if="! $root.isMobile">
-                    <router-link to="/add" class="btn btn-primary">
+                    <router-link to="/add" class="btn btn-primary"><font-awesome-icon icon="plus" /> Add New Monitor</router-link>
-                        <font-awesome-icon icon="plus" /> Add New Monitor
-                    </router-link>
                 </div>
 
                 <div v-if="showList" class="shadow-box list mb-4">
                     <div v-if="Object.keys($root.monitorList).length === 0" class="text-center mt-3">
-                        No Monitors, please <router-link to="/add">
+                        No Monitors, please <router-link to="/add">add one</router-link>.
-                            add one
-                        </router-link>.
                     </div>
 
                     <router-link v-for="(item, index) in sortedMonitorList" :key="index" :to="monitorURL(item.id)" class="item" :class="{ 'disabled': ! item.active }" @click="$root.cancelActiveList">