fix: avoid using consola in runtime, close #295

Author: antfu

package.json

@@ -45,7 +45,6 @@
     "@iconify/vue": "^4.2.0-dev.1",
     "@nuxt/devtools-kit": "^1.6.0",
     "@nuxt/kit": "^3.14.159",
-    "consola": "^3.2.3",
     "local-pkg": "^0.5.0",
     "mlly": "^1.7.2",
     "ohash": "^1.1.4",

pnpm-lock.yaml

@@ -1,6 +1,5 @@
 import { computed } from 'vue'
 import { getIcon as _getIcon, addIcon as _addIcon, loadIcon as _loadIcon } from '@iconify/vue'
-import { consola } from 'consola'
 import type { IconifyIcon } from '@iconify/types'
 import type { NuxtIconRuntimeOptions } from '../../types'
 import { useAppConfig } from '#imports'
@@ -19,7 +18,7 @@ export async function loadIcon(name: string, timeout: number): Promise<Required<
   let timeoutWarn: ReturnType<typeof setTimeout>
   const load = _loadIcon(name)
     .catch(() => {
-      consola.warn(`[Icon] failed to load icon \`${name}\``)
+      console.warn(`[Icon] failed to load icon \`${name}\``)
       return null
     })
 
@@ -28,7 +27,7 @@ export async function loadIcon(name: string, timeout: number): Promise<Required<
       load,
       new Promise<void>((resolve) => {
         timeoutWarn = setTimeout(() => {
-          consola.warn(`[Icon] loading icon \`${name}\` timed out after ${timeout}ms`)
+          console.warn(`[Icon] loading icon \`${name}\` timed out after ${timeout}ms`)
           resolve()
         }, timeout)
       })])

src/runtime/components/shared.ts

@@ -1,6 +1,5 @@
 import { basename } from 'pathe'
 import { getIcons } from '@iconify/utils'
-import { consola } from 'consola'
 import { hash } from 'ohash'
 import { createError, getQuery, type H3Event } from 'h3'
 import type { NuxtIconRuntimeOptions } from '../../schema-types'
@@ -32,14 +31,14 @@ export default defineCachedEventHandler(async (event: H3Event) => {
         collection,
         icons,
       )
-      consola.debug(`[Icon] serving ${(icons || []).map(i => '`' + collectionName + ':' + i + '`').join(',')} from bundled collection`)
+      console.debug(`[Icon] serving ${(icons || []).map(i => '`' + collectionName + ':' + i + '`').join(',')} from bundled collection`)
       return data
     }
   }
   else if (import.meta.dev) {
     // Warn only once per collection, and only with the default endpoint
     if (collectionName && !warnOnceSet.has(collectionName) && apiEndPoint === DEFAULT_ENDPOINT) {
-      consola.warn([
+      console.warn([
         `[Icon] Collection \`${collectionName}\` is not found locally`,
         `We suggest to install it via \`npm i -D @iconify-json/${collectionName}\` to provide the best end-user experience.`,
       ].join('\n'))
@@ -49,7 +48,7 @@ export default defineCachedEventHandler(async (event: H3Event) => {
 
   if (options.fallbackToApi === true || options.fallbackToApi === 'server-only') {
     const apiUrl = new URL('./' + basename(url.pathname) + url.search, apiEndPoint)
-    consola.debug(`[Icon] fetching ${(icons || []).map(i => '`' + collectionName + ':' + i + '`').join(',')} from iconify api`)
+    console.debug(`[Icon] fetching ${(icons || []).map(i => '`' + collectionName + ':' + i + '`').join(',')} from iconify api`)
     if (apiUrl.host !== new URL(apiEndPoint).host) {
       return createError({ status: 400, message: 'Invalid icon request' })
     }