@nuxthq/studio

@nuxthq/studio

Enhance studio.nuxt.com features as a Nuxt module.

Installation

yarn add --dev @nuxthq/studio

Then, register the module in your nuxt.config.js:

import { defineNuxtConfig } from 'nuxt'

export default defineNuxtConfig({
  modules: [
    '@nuxthq/studio'
  ]
})

If you want latest updates, please use @nuxthq/studio-edge in your package.json:

{
  "devDependencies": {
    "@nuxthq/studio": "npm:@nuxthq/studio-edge@latest"
  }
}

Usage

The module will expose an studio public runtime config:

const { studio } = useRuntimeConfig().public

studio.apiURL // default: https://api.nuxt.com

It will also expose the /api/_studio/components route to list the project components based on https://github.com/nuxtlabs/nuxt-component-meta.

You can configure the studio API URL by setting it in the .env or as environment variable in production:

NUXT_PUBLIC_STUDIO_API_URL=http://localhost:1337