How to use this plugin with prettier in Visual Studio Code (vscode)

[mattez]

Hi,
thank you very much in advance for any tips how to use this plugin with prettier in Visual Studio Code (vscode).

[mattez]

I just installed this via npm i -D git+ssh://git@github.com/justrhysism/prettier-plugin-nunjucks to my project.
I tried to setup this plugin as custom parser in .prettierrc:

{
    "tabs": "true",
    "tabWidth": 4,
    "parser": "prettier-plugin-nunjucks",
}

It end with error ofcourse:

["ERROR" - 6:13:53 PM] Error formatting document.
["ERROR" - 6:13:53 PM] Couldn't resolve parser "prettier-plugin-nunjucks"

:) you see, I do not know how to do it right. Thank you for your help.

[mubaraqwahab]

Hello,

This is coming quite late, but I hope it still helps:

The name of the parser appears to be "nunjucks":

prettier-plugin-nunjucks/src/index.js

Line 24 in fda95b1

parsers: ["nunjucks"],

Prettier's documentation also mentions that you should Never put the parser option at the top level of your configuration. Only use it inside overrides. That means your config file should look something like this instead:

{
  "overrides": [
    {
      "files": "*.njk",
      "options": {
        "parser": "nunjucks"
      }
    }
  ]
}

You don't have to specify the plugin in the config file, Prettier will try to find it automatically. But if you have to specify, you can do:

{
  "overrides": [
    {
      "files": "*.njk",
      "options": {
        "parser": "nunjucks",
        "plugins": ["./node_modules/prettier-plugin-nunjucks"]
      }
    }
  ]
}

You can read more in the Plugins documentation.

[guilleliss]

Running $ npm i -D git+ssh://git@github.com/justrhysism/prettier-plugin-nunjucks I get:

npm ERR! Found: prettier@2.7.1
npm ERR! node_modules/prettier
npm ERR!   dev prettier@"^2.7.1" from the root project
npm ERR! 
npm ERR! Could not resolve dependency:
npm ERR! peer prettier@"^1.19.0" from prettier-plugin-nunjucks@0.0.1
npm ERR! node_modules/prettier-plugin-nunjucks
npm ERR!   dev prettier-plugin-nunjucks@"git+ssh://git@github.com/justrhysism/prettier-plugin-nunjucks" from the root project
npm ERR! 
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.

Any alternative that works with latest prettier version?