[i18nIgnore] Fix pnpm command typos

[mingjunlu]

Description

I found that many package installation snippets use pnpm install <pkg> instead of pnpm add <pkg>.

According to pnpm's documentation:

• pnpm install is used for installing all dependencies for a project
• pnpm add <pkg> is used for installing certain new package(s)

This PR changes those to the latter ✍️

Related issues & labels

• Suggested label: code snippet update

[netlify]

✅ Deploy Preview for astro-docs-2 ready!

Built without sensitive environment variables

Name	Link
🔨 Latest commit	986b069
🔍 Latest deploy log	https://app.netlify.com/sites/astro-docs-2/deploys/6547dc2426a9c60007d0d3a9
😎 Deploy Preview	https://deploy-preview-5284--astro-docs-2.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[astrobot-houston]

Hello! Thank you for opening your first PR to Astro’s Docs! 🎉

Here’s what will happen next:

1. Our GitHub bots will run to check your changes.
   If they spot any broken links you will see some error messages on this PR.
   Don’t hesitate to ask any questions if you’re not sure what these mean!

2. In a few minutes, you’ll be able to see a preview of your changes on Netlify 🥳

3. One or more of our maintainers will take a look and may ask you to make changes.
   We try to be responsive, but don’t worry if this takes a few days.

[dreyfus92]

You're right, there is a difference between pnpm install and pnpm add when using the pnpm package manager.

So in general:

• Use pnpm install when setting up a brand new project, or when you want to fully reinstall all dependencies.
• Use pnpm add when you just want to add a new dependency to an existing project.

The snippets likely use pnpm install because they are showing how to install a package in a generic, standalone way. But in the context of an existing project, pnpm add is preferrable for adding new packages.

Good catch on the distinction! Using the right command for the situation can save time and avoid unnecessary installs.

[dreyfus92]

Thank you for handling this @mingjunlu, I've left you a couple of suggestions let me know your thoughts.

[dreyfus92]

I wouldn't replace install here, since this guide is about creating a brand new project.

[mingjunlu]

Got it! Thanks for pointing it out 💡

[dreyfus92]

I'm not completely sure about this one, i'd stick with a fresh re install of sharp tho.

[mingjunlu]

No problem! Let's keep the original one

[sarah11918]

Thanks so much @mingjunlu for helping us get the commands just right. And thank you for this excellent review, @dreyfus92 with extra context and for thoughtfully considering each individual change. Go Team! 🙌

I'm going to add the title keyword so that this PR touching multiple files doesn't affect our translation tracking status, and I'm going to apply the suggestions so this can be merged and helping people in docs right away!

@mingjunlu - If you find any error in the published version of this PR, please do make another one and let us know! I do agree with @dreyfus92 's assessment that in some cases, install is preferable, and will make those changes.

Thanks again, and welcome to Team Docs! 🥳

[mingjunlu]

Woah! To be honest, I didn't expect to receive response that fast! 🚀
@dreyfus92 @sarah11918 Thank you both for taking care of this PR and providing such valuable feedback. I'm glad that I could help 😊