Add starlight package managers plugin

Author: bugron

package-lock.json

@@ -28,6 +28,7 @@
         "starlight-blog": "^0.12.0",
         "starlight-image-zoom": "^0.8.0",
         "starlight-links-validator": "^0.11.0",
+        "starlight-package-managers": "^0.6.0",
         "tailwindcss": "^3.4.10",
         "typescript": "^5.5.4"
     },

package.json

@@ -11,6 +11,8 @@ tags:
 authors: bugron
 ---
 
+import { PackageManagers } from 'starlight-package-managers'
+
 I've been delaying setting up my personal blog for so long that a few days ago I finally decided to do something about it 😅 And I'm glad I did because I finally got my hands dirty with [Astro][astro] and [Starlight][starlight] for the first time.
 
 If you're interested in following my journey I invite you to read this article.
@@ -31,17 +33,13 @@ Here is the list of tech I used to create this blog:
 
 It's very easy to start a new Astro project with their CLI:
 
-```bash
-npm create astro@latest
-```
+<PackageManagers pkg="astro@latest" type='create' />
 
 ### Starlight
 
 Instead of vanilla Astro I opted in using [Starlight][starlight] that is an official "wrapper" on top of it for building documentation websites (similar to [Docusaurus][docusaurus] and others). Interestingly, Starlight is just a template for Astro that you can install with the same Astro CLI:
 
-```bash
-npm create astro@latest -- --template starlight
-```
+<PackageManagers pkg="astro@latest -- --template starlight" type='create' />
 
 I also found out that [starlight-blog][starlightBlog] package seamlessly adds blogging capabilities. Starlight's stellar (pun intended) features like [i18n][mdni18n], [full-text site search][starlightSiteSearch], visual mode switch, and many more are all supported out of box. That meant less work for me to get the blog going so I was sold right away.