DevTool: Payload, generate schema button missing

[wesley974]

Environment

Environment:

- Operating System: Windows_NT
- Node Version:     v20.15.1
- Nuxt Version:     3.14.159
- CLI Version:      3.15.0
- Nitro Version:    2.10.4
- Package Manager:  [email protected]
- Builder:          -
- User Config:      default
- Runtime Modules:  @nuxt/[email protected], @nuxtjs/[email protected], @nuxt/[email protected]
- Build Modules:    -

Reproduction

Hi,

I use Nuxt 3.14.159.
When I try to use the devtool, the button to generate schema is missing in the Payload part.

Below the nuxt.config.ts:

export default defineNuxtConfig({
  compatibilityDate: '2024-04-03',
  future: {
    compatibilityVersion: 4,
  },
  devtools: { enabled: true },
  image: {
    domains: ["https://cdn.dummyjson.com"]
  },
  modules: [
    '@nuxt/ui',
    '@nuxtjs/google-fonts',
    '@nuxt/image'
  ],
  googleFonts: {
    families: {
      Montserrat: true,
    },
  }
})

The package.json:

{
  "name": "nuxt-app",
  "private": true,
  "type": "module",
  "scripts": {
    "build": "nuxt build",
    "dev": "nuxt dev",
    "generate": "nuxt generate",
    "preview": "nuxt preview",
    "postinstall": "nuxt prepare"
  },
  "dependencies": {
    "@nuxt/image": "^1.8.1",
    "@nuxt/ui": "^2.19.2",
    "@nuxtjs/google-fonts": "^3.2.0",
    "nuxt": "^3.14.159",
    "vue": "latest",
    "vue-router": "latest"
  }
}

See the screenshot:

Any idea?

Thank you very much for your help!

Describe the bug

Hi,

I use Nuxt 3.14.159.
When I try to use the devtool, the button to generate schema is missing in the Payload part.

Below the nuxt.config.ts:

export default defineNuxtConfig({
  compatibilityDate: '2024-04-03',
  future: {
    compatibilityVersion: 4,
  },
  devtools: { enabled: true },
  image: {
    domains: ["https://cdn.dummyjson.com"]
  },
  modules: [
    '@nuxt/ui',
    '@nuxtjs/google-fonts',
    '@nuxt/image'
  ],
  googleFonts: {
    families: {
      Montserrat: true,
    },
  }
})

The package.json:

{
  "name": "nuxt-app",
  "private": true,
  "type": "module",
  "scripts": {
    "build": "nuxt build",
    "dev": "nuxt dev",
    "generate": "nuxt generate",
    "preview": "nuxt preview",
    "postinstall": "nuxt prepare"
  },
  "dependencies": {
    "@nuxt/image": "^1.8.1",
    "@nuxt/ui": "^2.19.2",
    "@nuxtjs/google-fonts": "^3.2.0",
    "nuxt": "^3.14.159",
    "vue": "latest",
    "vue-router": "latest"
  }
}

See the screenshot:

Any idea?

Thank you very much for your help!

Additional context

No response

Logs

[arashsheyda]

so we are using quicktype for generating types, and it has some problem of bundling (it's in CJS), we removed this temporary

[github-actions]

Stackblitz link for the reproduction: Stackblitz

[Karlstens]

Learning Nuxt for the first time, I too am also experiencing this issue as per description. The DevTools Payload "Generate Data Schema" button is missing.