fix(dev): use existing nuxt options to resolve versions

resolves nuxt/nuxt#33410

Author: danielroe

packages/nuxi/src/commands/build.ts

@@ -38,10 +38,9 @@ export default defineCommand({
 
     const cwd = resolve(ctx.args.cwd || ctx.args.rootDir)
 
-    showVersions(cwd)
-
     const kit = await loadKit(cwd)
 
+    await showVersions(cwd, kit)
     const nuxt = await kit.loadNuxt({
       cwd,
       dotenv: {

packages/nuxi/src/commands/dev.ts

@@ -21,7 +21,7 @@ import { createFetchHandler } from '../dev/fetch'
 import { isSocketURL, parseSocketURL } from '../dev/socket'
 import { resolveLoadingTemplate } from '../dev/utils'
 import { connectToChildNetwork, connectToChildSocket } from '../dev/websocket'
-import { showVersions } from '../utils/banner'
+import { showVersionsFromConfig } from '../utils/banner'
 import { overrideEnv } from '../utils/env'
 import { loadKit } from '../utils/kit'
 import { logger } from '../utils/logger'
@@ -91,7 +91,6 @@ const command = defineCommand({
     // Prepare
     overrideEnv('development')
     const cwd = resolve(ctx.args.cwd || ctx.args.rootDir)
-    showVersions(cwd)
 
     // Load Nuxt Config
     const { loadNuxtConfig } = await loadKit(cwd)
@@ -107,6 +106,8 @@ const command = defineCommand({
       },
     })
 
+    showVersionsFromConfig(cwd, nuxtOptions)
+
     const listenOptions = resolveListenOptions(nuxtOptions, ctx.args)
     if (!ctx.args.fork) {
       // Directly start Nuxt dev

packages/nuxi/src/utils/banner.ts

@@ -1,20 +1,17 @@
-import { readFileSync } from 'node:fs'
+import type { NuxtOptions } from '@nuxt/schema'
 
+import { readFileSync } from 'node:fs'
 import { colors } from 'consola/utils'
 import { resolveModulePath } from 'exsolve'
 
-import { loadKit, tryResolveNuxt } from './kit'
+import { tryResolveNuxt } from './kit'
 import { logger } from './logger'
 
-export async function showVersions(cwd: string) {
+export function showVersionsFromConfig(cwd: string, config: NuxtOptions) {
   const { bold, gray, green } = colors
-  const nuxtDir = tryResolveNuxt(cwd)
-
-  const kit = await loadKit(cwd)
-  const config = await kit.loadNuxtConfig({ cwd })
 
   function getBuilder(): { name: string, version: string } {
-    switch (config.builder) {
+    switch (config!.builder) {
       case '@nuxt/rspack-builder':
         return { name: 'Rspack', version: getPkgVersion('@rspack/core') }
       case '@nuxt/webpack-builder':
@@ -29,7 +26,7 @@ export async function showVersions(cwd: string) {
   }
 
   function getPkgJSON(pkg: string) {
-    for (const url of [cwd, nuxtDir]) {
+    for (const url of [cwd, tryResolveNuxt(cwd)]) {
       if (!url) {
         continue
       }
@@ -60,3 +57,9 @@ export async function showVersions(cwd: string) {
     + gray(')'),
   )
 }
+
+export async function showVersions(cwd: string, kit: typeof import('@nuxt/kit')) {
+  const config = await kit.loadNuxtConfig({ cwd })
+
+  return showVersionsFromConfig(cwd, config)
+}