Improve package manager detection using @antfu/ni (#85)

* feat: improved package manager detection using @antfu/ni

`detect-package-manager` is too naive
relates to: #38.

* Create tall-pans-drive.md

---------

Co-authored-by: Stefan E-K <stefan.eideloth@gmail.com>

Author: wesleycoder

.changeset/tall-pans-drive.md

@@ -0,0 +1,5 @@
+---
+"solidui-cli": patch
+---
+
+Improve package manager detection using @antfu/ni

packages/cli/package.json

@@ -40,6 +40,7 @@
     "pub:release": "pnpm build && pnpm publish --access public"
   },
   "dependencies": {
+    "@antfu/ni": "^0.21.12",
     "@babel/core": "^7.22.20",
     "@babel/parser": "^7.22.16",
     "@babel/plugin-transform-typescript": "^7.22.15",
@@ -48,7 +49,6 @@
     "@types/babel__core": "^7.20.2",
     "chalk": "^5.3.0",
     "commander": "^11.0.0",
-    "detect-package-manager": "^3.0.1",
     "json5": "^2.2.3",
     "prompts": "^2.4.2",
     "recast": "^0.23.4",

packages/cli/src/lib/utils.ts

@@ -1,8 +1,8 @@
 import { execSync } from "child_process"
 import { readFile } from "fs"
 
+import { detect } from "@antfu/ni"
 import { log, spinner } from "@clack/prompts"
-import { detect } from "detect-package-manager"
 import JSON5 from "json5"
 
 export function readJsonFile(
@@ -44,11 +44,14 @@ export function removeExtension(value: string) {
 }
 
 export async function installPackages(...packages: string[]) {
-  const packageManager = await detect()
+  const packageManager = await detect({ programmatic: true })
 
   switch (packageManager) {
-    case "yarn":
+    case "bun":
     case "pnpm":
+    case "pnpm@6":
+    case "yarn":
+    case "yarn@berry":
       runCommand(`${packageManager} add ${packages.join(" ")}`, "Installing dependencies")
       break
     default: