chore(docs): use named imports for "produce" (instead of default import)

[skratchdot]

I decided to update the docs after my comment here:
#1015 (comment)

All I did was change:

import produce from "immer"

to:

import {produce} from "immer"

The other formatting changes are due to the pre-commit hook:

I used {produce} instead of { produce } to follow the other examples in this repo (even though I typically use the "extra spaces for padding").

Let me know if there's anything else I should do. Thanks for the great work on this project!

[skratchdot]

what's odd is prettier seems to "flip-flop" the following html:

</center>
<details>

and:

</center> <details>

i use vscode with "auto format on save" and actually disabled it when making my changes. but the pre-commit hook "re-added" the changes.

i'm just now noticing the diff, and the same "flip-flopping" happened. Perhaps I should make my changes again, and commit with -n so the pre-commit hook doesn't run?

Or we could figure out how to prevent the format flip-flopping? Perhaps a newline between the 2 tags would stop it? 🤷

EDIT:

Here's what happens with "auto format on save" in my editor, and repeatedly typing cmd + s. i guess our pre-commit hook will have the same issue.

perhaps upgrading prettier will "fix" the issue?

[skratchdot]

i'm updating the old commit (that used pre-commit):
cec1fa9

and using a new one (that skips the pre-commit):
0083ba3

the diff looks a litter nicer now

[mweststrate]

I suspect most of these changes are already made in #1028, you'd have to target branch immer-10 to be sure.

[skratchdot]

@mweststrate - it looks like they are! i will close out this pr. i still see some "flip-flopping" of the </center> <details> in that pr. maybe i'll look into that at some point (but it doesn't seem like a big deal).