title: use vue/nuxt linting rules in vscode
body: <p>I created a new nuxt app using <code>npx create-nuxt-app &lt;project-name&gt;</code> and chose to use eslint and prettier. </p>
  
  <p>I opened the project's directory using vscode and installed the ESLint and Prettier - Code formatter, and Vetur extensions.</p>
  
  <p>When I save a <code>.vue</code> file vscode formats the code, but in a way that breaks the settings in the nuxt project. </p>
  
  <p>For example vscode transforms</p>
  
  <pre><code>&lt;div 
    class="test" 
    style="background: red"&gt;
    test
   &lt;/div&gt;
  </code></pre>
  
  <p>to</p>
  
  <pre><code>&lt;div class="test" style="background: red"&gt;test&lt;/div&gt;
  </code></pre>
  
  <p>but this breaks the <code>vue/max-attributes-per-line</code> rule. </p>
  
  <p>How do I set up vscode to use the nuxt project's linting and prettyfying rules?</p>