title: How to get rid of Delete `··` (prettier/prettier) errors in a Vue JS project
body: <p>I am trying to get rid of the error in relation to <code>@vue/prettier</code>. I have tried a few things, but it seems to throw up even more errors.</p>
  <p>My <code>.eslintrc.js</code> is as follows:</p>
  <pre><code>module.exports = {
    root: true,
    env: {
      node: true
    },
    extends: [&quot;plugin:vue/essential&quot;, &quot;@vue/prettier&quot;],
    rules: {
      &quot;no-console&quot;: process.env.NODE_ENV === &quot;production&quot; ? &quot;error&quot; : &quot;off&quot;,
      &quot;no-debugger&quot;: process.env.NODE_ENV === &quot;production&quot; ? &quot;error&quot; : &quot;off&quot;,
    },
    parserOptions: {
      parser: &quot;babel-eslint&quot;
    }
  };
  </code></pre>
  <p>I tried <code>&quot;endOfLine&quot;:&quot;auto&quot;</code> within the rules part but this then cause more and also <code>'prettier/prettier': ['error', {endOfLine: 'auto'}]</code></p>
  <p>I have removed tabbed spacing from the bewlow;</p>
  <pre><code>    events_filtered_monthsNews: function() {
          return this.news.filter(u =&gt; u.monthsNews)
      },
  </code></pre>
  <p>To be formatted like this;</p>
  <pre><code>        events_filtered_monthsNews: function() {return this.news.filter(u =&gt; u.monthsNews)},
  </code></pre>
  <p>Which removes warnings but now creates even more errors and is totally impractical for working.</p>