fix: display more info about fonts download

package.json

@@ -34,6 +34,7 @@
   },
   "dependencies": {
     "@nuxt/kit": "^3.10.2",
+    "chalk": "^5.3.0",
     "css-tree": "^2.3.1",
     "defu": "^6.1.4",
     "fontaine": "^0.4.1",

src/assets.ts

@@ -2,6 +2,7 @@ import fsp from 'node:fs/promises'
 import { addDevServerHandler, useNitro, useNuxt } from '@nuxt/kit'
 import { eventHandler, createError, lazyEventHandler } from 'h3'
 import { fetch } from 'ofetch'
+import chalk from 'chalk'
 import { defu } from 'defu'
 import type { NitroConfig } from 'nitropack'
 import { hasProtocol, joinURL } from 'ufo'
@@ -91,17 +92,25 @@ export function setupPublicAssetStrategy (options: ModuleOptions['assets'] = {})
     nitro.hooks.hook('rollup:before', async () => {
       await fsp.rm(cacheDir, { recursive: true, force: true })
       await fsp.mkdir(cacheDir, { recursive: true })
-      logger.info('Downloading uncached fonts...')
+      let banner = false
       for (const [filename, url] of renderedFontURLs) {
         const key = 'data:fonts:' + filename
         // Use nitro.storage to cache the font data between builds
         let res = await nitro.storage.getItemRaw(key)
         if (!res) {
+          if (!banner) {
+            banner = true
+            logger.info('Downloading fonts...')
+          }
+          logger.log(chalk.gray('  ├─ ' + url))
           res = await fetch(url).then(r => r.arrayBuffer()).then(r => Buffer.from(r))
           await nitro.storage.setItemRaw(key, res)
         }
         await fsp.writeFile(join(cacheDir, filename), res)
       }
+      if (banner) {
+        logger.success('Fonts downloaded and cached.')
+      }
     })
   })