question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

how to edit '@vue/prettier' rules

See original GitHub issue

i want to edit ‘@vue/prettier’ rules like

module.exports = {
  root: true,
  'extends': [
    'plugin:vue/essential',
    '@vue/prettier',
    '@vue/typescript'
  ],
  'rules': {
    '@vue/prettier/semi': false,

    'semi': ['error', 'never'],
    'no-plusplus': ['off'],
    'no-param-reassign': ['off'],
    'no-console': ['error', { allow: ['error', 'warn'] }],
  }
}

but it don’t work

what should i do?

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Reactions:1
  • Comments:13

github_iconTop GitHub Comments

105reactions
vue-botcommented, May 8, 2018

Hello, your issue has been closed because it does not conform to our issue requirements. In order to ensure every issue provides the necessary information for us to investigate, we require the use of the Issue Helper when creating new issues. Thank you!

93reactions
Aysninecommented, Mar 2, 2019

@mimimile

in my package.json, just edit rules:

    "extends": [
      "plugin:vue/essential",
      "@vue/prettier"
    ],
    "rules": {
      "prettier/prettier": [
        "warn",
        {
          "#": "prettier config in here :)",
          "singleQuote": true,
          "semi": false,
          "trailingComma": "none"
        }
      ]
    },
    "parserOptions": {
      "parser": "babel-eslint"
    }

about config option of prettier : https://prettier.io/docs/en/options.html

other way around: https://cli.vuejs.org/config/#eslint

Read more comments on GitHub >

github_iconTop Results From Across the Web

How To Configure ESLint and Prettier for Vue.js - DigitalOcean
I wanted to do exactly like you did here with using prettier rules inside Eslint --fix but also be able to change some...
Read more >
ESLint and Prettier with Vite and Vue.js 3 - Vue School Blog
We just need to install the eslint-config-prettier config. This disables the formatting rules in ESLint that Prettier is going to be responsible ...
Read more >
Setting Up ESLint & Prettier In A Vue.js Project - Redberry
The two frequently used tools for maintaining the code standards in the Vue.js projects are ESLint and Prettier.
Read more >
How to add eslint rules to prettier in Vue project on VsCode
Your workspace settings point to Prettier, so make sure your Prettier options align with the vue/script-indent rule.
Read more >
How to setup ESLint and Prettier with VS Code and VueJS
If you change it to plugin:vue/recommended you'll get close to 80% of the rules available. Now this is really cool! We can catch...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found