Nuxt•4mo ago

change default name from "nuxt-app"

Hi, where do i change the default name from "nuxt-app" to something else? I tried to do it in nuxt.config.ts using

 app: {
    head: {
      title: 'My new site name',

 app: {
    head: {
      title: 'My new site name',

7 Replies

kapa.ai•4mo ago

Hi @WiFi Plug. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base. :wave: ---------------------- To change the default application ID from "nuxt-app" to something else, you should use the appId property in your nuxt.config.ts file, not the app.head.title property. The app.head.title only changes the default page title, not the internal application ID. Here’s how you can set a custom app ID:

export default defineNuxtConfig({
  appId: 'my-custom-app-id',
  app: {
    head: {
      title: 'My new site name'
    }
  }
})

export default defineNuxtConfig({
  appId: 'my-custom-app-id',
  app: {
    head: {
      title: 'My new site name'
    }
  }
})

- appId is specifically for setting the unique ID of your Nuxt application and defaults to "nuxt-app" if not set.
- app.head.title is for the default HTML <title> tag, which is what appears in the browser tab, not the internal app ID. For more details, see the Nuxt Configuration: appId documentation. ---------------------- Note: you can ask me a follow up question by @ mentioning me again :speech_balloon: ----------------------

kapa.ai•4mo ago

<@679734274840330384> Kapa.ai is still learning and improving, please let me know how I did by reacting below.

johntanzer•4mo ago

Hey. Best to do it in app.vue. Use useHead() or useSeoMeta()

WiFi PlugOP•4mo ago

ah okay thank you

johntanzer•4mo ago

Wait are you talking about title or app I’d?

WiFi PlugOP•4mo ago

app id

johntanzer•4mo ago

Ahh sorry the above is correct. ✅

Gaming

Programming

change default name from "nuxt-app"

Did you find this page helpful?