How to use consola in nitro?

[XStarlink]

Hi, I'm trying to use consola in nuxt 3 server routes, but the log styles don't display, I just have white text, like with a regular console.log. How can I access consola?

My current code:

import { consola } from 'consola'

export default defineEventHandler(async (event : H3Event) => {
    consola.info('Using consola 3.0.0')
    consola.start('Building the project...')
    consola.warn('A new version of consola is available: 3.0.1')
    consola.success('Project built!')
    consola.error(new Error('This is an example error. Everything is fine!'))
    consola.box('I am a simple box')
})

It would be awesome if we could have a utility like this:

const consola = useConsola()

[Davounet]

I have the same problem and cant get around it !

[kiki-kanri]

In nuxt, building a consola logger with useLogger.

import { useLogger } from '@nuxt/kit';

const logger = useLogger();
logger.info('Info log.');

[pi0]

(off topic) please consider to never import @nuxt/kit in runtime code. It is purely for build namespace (modules and config)

[kiki-kanri]

Sorry for suggesting the wrong solution, thanks for pointing out my mistake!

[DaDlugosch]

The same problem.

[gkTim]

Also having this problem. Tried the default and createConsola method with fancy flag set. Anyone found a solution?

[jsonleex]

In my project, I use consola like this 👇

// utils/logger.ts
import { consola } from 'consola'
import { env } from 'node:process'

if (env.NODE_ENV === 'development') {
  env.CONSOLA_LEVEL = 'info'
}

export const logger = consola.withTag('YourAppName')