[SOLVED] Prettier with top level async

Issue

There is a way to use async top level with prettier ?

I’m actually trying to ignore my await top level with /prettier ignore but prettier, ignore this line …

Solution

You can get Prettier to ignore line(s) with the following comment.

// prettier-ignore
const res = await asyncFunc();

This will make Prettier ignore the following line.

If you, however, want to make Prettier ignore multiple lines, then you can do something like this:

// prettier-ignore
{
const res = await asyncFunc();
const data = await getData();
}

This will make Prettier not format the code surrounded by { }. The comments and brackets/parentheses might help you with making Prettier ignore top-level await.


EDIT: The easiest option, though, is to just use an async function (until Prettier supports it).

(async (param) => {
  await getData(param);
})()

The anonymous async function above will call itself straight away, so it’ll act like await has no async function.

With this method, Prettier will be happy. 🙂

Answered By – Arnav Thorat

Answer Checked By – David Goodson (BugsFixing Volunteer)

Leave a Reply

Your email address will not be published. Required fields are marked *