perf: use consola colors

Author: danielroe

package.json

@@ -52,7 +52,6 @@
     "chokidar": "^4.0.3",
     "citty": "^0.1.6",
     "clipboardy": "^4.0.0",
-    "colorette": "^2.0.20",
     "consola": "^3.3.3",
     "destr": "^2.0.3",
     "eslint": "^9.17.0",

pnpm-lock.yaml

@@ -2,7 +2,7 @@ import { defineCommand } from 'citty'
 import { consola } from 'consola'
 import Fuse from 'fuse.js'
 import { upperFirst, kebabCase } from 'scule'
-import { bold, green, magenta, cyan, gray, yellow } from 'colorette'
+import { colors } from 'consola/utils'
 import { cwdArgs } from '../_shared'
 import { fetchModules, checkNuxtCompatibility, getNuxtVersion } from './_utils'
 
@@ -55,6 +55,8 @@ async function findModuleByKeywords(query: string, nuxtVersion: string) {
     ],
   })
 
+  const { bold, green, magenta, cyan, gray, yellow } = colors
+
   const results = fuse.search(query).map((result) => {
     const res: Record<string, string> = {
       name: bold(result.item.name),

src/commands/module/search.ts

@@ -1,7 +1,8 @@
-import { bold, gray, green } from 'colorette'
+import { colors } from 'consola/utils'
 import { tryRequireModule } from './cjs'
 
 export function showVersions(cwd: string) {
+  const { bold, gray, green } = colors
   const getPkgVersion = (pkg: string) => {
     return tryRequireModule(`${pkg}/package.json`, cwd)?.version || ''
   }

src/utils/banner.ts

@@ -1,5 +1,5 @@
 import { $fetch } from 'ofetch'
-import { cyan, green, yellow, underline } from 'colorette'
+import { colors } from 'consola/utils'
 import { consola } from 'consola'
 import * as semver from 'semver'
 import nuxiPkg from '../../package.json' assert { type: 'json' }
@@ -15,6 +15,7 @@ export async function checkForUpdates() {
     return
   }
   if (semver.gt(latestVersion, nuxiPkg.version, { loose: true })) {
+    const { cyan, green, yellow, underline } = colors
     const changelogURL = `https://github.com/nuxt/cli/releases/tag/v${latestVersion}`
     consola.box({
       title: 'Nuxt CLI Update is Available!',