perf: remove dependency on chalk

Author: danielroe

package.json

@@ -41,7 +41,7 @@
   },
   "dependencies": {
     "@nuxt/kit": "^3.12.4",
-    "chalk": "^5.3.0",
+    "consola": "^3.2.3",
     "html-validate": "~8.27.0",
     "knitwork": "^1.1.0",
     "pathe": "^1.1.2",

pnpm-lock.yaml

@@ -1,5 +1,5 @@
 import { fileURLToPath, pathToFileURL } from 'node:url'
-import chalk from 'chalk'
+import { colors } from 'consola/utils'
 import { normalize } from 'pathe'
 import { isWindows } from 'std-env'
 import { genArrayFromRaw, genObjectFromRawEntries } from 'knitwork'
@@ -27,7 +27,7 @@ export default defineNuxtModule<ModuleOptions>({
       return
     }
 
-    logger.info(`Using ${chalk.bold('html-validate')} to validate server-rendered HTML`)
+    logger.info(`Using ${colors.bold('html-validate')} to validate server-rendered HTML`)
 
     const { usePrettier, failOnError, options, logLevel } = moduleOptions as Required<ModuleOptions>
     // eslint-disable-next-line @typescript-eslint/no-explicit-any

src/module.ts

@@ -1,4 +1,4 @@
-import chalk from 'chalk'
+import { colors } from 'consola/utils'
 
 import type { ConfigData } from 'html-validate'
 import { HtmlValidate, formatterFactory } from 'html-validate'
@@ -34,7 +34,7 @@ export const useChecker = (
 
     if (valid && !results.length) {
       if (logLevel === 'verbose') {
-        console.log(`No HTML validation errors found for ${chalk.bold(url)}`)
+        console.log(`No HTML validation errors found for ${colors.bold(url)}`)
       }
 
       return { valid, results }
@@ -48,7 +48,7 @@ export const useChecker = (
 
     const formattedResult = formatter?.(results)
     const message = [
-      `HTML validation errors found for ${chalk.bold(url)}`,
+      `HTML validation errors found for ${colors.bold(url)}`,
       formattedResult,
     ].filter(Boolean).join('\n')
 

src/runtime/validator.ts

@@ -1,4 +1,4 @@
-import chalk from 'chalk'
+import { colors } from 'consola/utils'
 import { describe, it, expect, vi, afterEach } from 'vitest'
 
 import { useChecker } from '../src/runtime/validator'
@@ -29,7 +29,7 @@ describe('useChecker', () => {
 
     await checker('https://test.com/', Symbol as any)
     expect(console.log).toHaveBeenCalledWith(
-      `No HTML validation errors found for ${chalk.bold('https://test.com/')}`,
+      `No HTML validation errors found for ${colors.bold('https://test.com/')}`,
     )
     expect(console.warn).not.toHaveBeenCalled()
     expect(console.error).not.toHaveBeenCalled()
@@ -41,7 +41,7 @@ describe('useChecker', () => {
 
     await checker('https://test.com/', Symbol as any)
     expect(console.log).toHaveBeenCalledWith(
-      `No HTML validation errors found for ${chalk.bold('https://test.com/')}`,
+      `No HTML validation errors found for ${colors.bold('https://test.com/')}`,
     )
     expect(console.warn).not.toHaveBeenCalled()
     expect(console.error).not.toHaveBeenCalled()
@@ -91,7 +91,7 @@ describe('useChecker', () => {
       expect(console.log).not.toHaveBeenCalled()
       expect(console.warn).not.toHaveBeenCalled()
       expect(console.error).toHaveBeenCalledWith(
-        `HTML validation errors found for ${chalk.bold('https://test.com/')}`,
+        `HTML validation errors found for ${colors.bold('https://test.com/')}`,
       )
     })
   }
@@ -116,7 +116,7 @@ describe('useChecker', () => {
       '<a>Link</a>',
     )
     expect(console.log).toHaveBeenCalledWith(
-      `No HTML validation errors found for ${chalk.bold('https://test.com/')}`,
+      `No HTML validation errors found for ${colors.bold('https://test.com/')}`,
     )
     expect(console.warn).not.toHaveBeenCalled()
     expect(console.error).not.toHaveBeenCalled()
@@ -134,7 +134,7 @@ describe('useChecker', () => {
       '<a style="color:red" class="xxx">Link</a>',
     )
     expect(console.log).toHaveBeenCalledWith(
-      `No HTML validation errors found for ${chalk.bold('https://test.com/')}`,
+      `No HTML validation errors found for ${colors.bold('https://test.com/')}`,
     )
     expect(console.warn).not.toHaveBeenCalled()
     expect(console.error).not.toHaveBeenCalled()
@@ -162,7 +162,7 @@ describe('useChecker', () => {
     expect(console.log).not.toHaveBeenCalled()
     expect(console.warn).not.toHaveBeenCalled()
     expect(console.error).toHaveBeenCalledWith(
-      `HTML validation errors found for ${chalk.bold('https://test.com/')}`,
+      `HTML validation errors found for ${colors.bold('https://test.com/')}`,
     )
 
     const validate = await import('html-validate')