Joey Comments - Answer Overflow

Joey

Posts Comments

NNuxt

•Created by Joey on 12/21/2024 in #❓・help

Setting up NuxtImg with an external cdn using ipx

@kapa.ai Can I also do this from within pages/components?

21 replies

NNuxt

•Created by Joey on 12/21/2024 in #❓・help

Setting up NuxtImg with an external cdn using ipx

@kapa.ai How do I let ipx create extra images in the public folder that are not in the template during the npm run generate process?

21 replies

NNuxt

•Created by Joey on 12/21/2024 in #❓・help

Default layout in error page

@kapa.ai I have set up the error page as you mentioned and the layout is showing, but the content of my error page (everything inside NuxtLayout) is not showing.

11 replies

NNuxt

•Created by Joey on 12/21/2024 in #❓・help

Default layout in error page

@kapa.ai I'm not using an app.vue file, what should be in there and is it necessary to use it?

11 replies

NNuxt

•Created by Joey on 12/21/2024 in #❓・help

Setting up NuxtImg with an external cdn using ipx

@kapa.ai I'm getting this error:

{
    "url": "/_ipx/s_2560x576/https://your-cdn-domain.com/fz/home/sliders/nl/slider-algemeen/background_slider-achtergrond.webp",
    "statusCode": 404,
    "statusMessage": "Page not found: /_ipx/s_2560x576/https://your-cdn-domain.com/fz/home/sliders/nl/slider-algemeen/background_slider-achtergrond.webp",
    "message": "Page not found: /_ipx/s_2560x576/https://your-cdn-domain.com/fz/home/sliders/nl/slider-algemeen/background_slider-achtergrond.webp",
    "stack": "",
    "data": {
        "path": "/_ipx/s_2560x576/https://your-cdn-domain.com/fz/home/sliders/nl/slider-algemeen/background_slider-achtergrond.webp"
    }
}

{
    "url": "/_ipx/s_2560x576/https://your-cdn-domain.com/fz/home/sliders/nl/slider-algemeen/background_slider-achtergrond.webp",
    "statusCode": 404,
    "statusMessage": "Page not found: /_ipx/s_2560x576/https://your-cdn-domain.com/fz/home/sliders/nl/slider-algemeen/background_slider-achtergrond.webp",
    "message": "Page not found: /_ipx/s_2560x576/https://your-cdn-domain.com/fz/home/sliders/nl/slider-algemeen/background_slider-achtergrond.webp",
    "stack": "",
    "data": {
        "path": "/_ipx/s_2560x576/https://your-cdn-domain.com/fz/home/sliders/nl/slider-algemeen/background_slider-achtergrond.webp"
    }
}

21 replies

NNuxt

•Created by Joey on 12/21/2024 in #❓・help

Setting up NuxtImg with an external cdn using ipx

@kapa.ai

21 replies

NNuxt

•Created by Joey on 12/20/2024 in #❓・help

Storing and accessing large json data set for navigation

@kapa.ai what are the pros and cons of using a Pinia store for this purpose? And would navigation be faster if the json file is stored in the public folder?

10 replies

NNuxt

•Created by Joey on 12/1/2024 in #❓・help

Ignore query params in Nitro prerender

Thanks @kapa.ai, but how do I do this with the ignore property in nitro.prerender on a dynamic route?

8 replies

NNuxt

•Created by Joey on 11/27/2024 in #❓・help

Prerender static 404 page

@kapa.ai 404.html is statically generated now, but still acts as an SPA. I basically want the Pinia store to always be prefilled, also when users land on a page that is not statically generated.

5 replies

NNuxt

•Created by Joni on 4/29/2024 in #❓・help

Layout optional for page

This thread might be of use to you: https://github.com/nuxt/nuxt/issues/14658

2 replies

NNuxt

•Created by Quick on 4/29/2024 in #❓・help

Examples on using i18n, in real world applications

I'm using i18n for our websites, but what exactly is your question?

3 replies

NNuxt

•Created by Sun on 4/30/2024 in #❓・help

Teleport doesn't work with Nuxt Bridge

You might need the 'vue2-teleport' or 'portal-vue' package for that functionality to work.

2 replies

NNuxt

•Created by schmidi on 4/5/2024 in #❓・help

navigateTo inside plugin not working

Maybe try the first approach again but with declaring nuxtApp.

async onResponseError({ response }) {
  if (response.status === 401) {
    const nuxtApp = useNuxtApp()
    console.log("401") // gets printed
    
    await callWithNuxt(nuxtApp, navigateTo, [
      "/user/login",
      { replace: true, redirectCode: 401 },
    ])
  }
}

async onResponseError({ response }) {
  if (response.status === 401) {
    const nuxtApp = useNuxtApp()
    console.log("401") // gets printed
    
    await callWithNuxt(nuxtApp, navigateTo, [
      "/user/login",
      { replace: true, redirectCode: 401 },
    ])
  }
}

2 replies

NNuxt

•Created by Gal on 4/8/2024 in #❓・help

TS18046: $i18n is of type unknown (Nuxt 3.8 => 3.11.2)

Maybe write it like this?

useNuxtApp().$i18n.locale.value

useNuxtApp().$i18n.locale.value

2 replies

NNuxt

•Created by Markus Geilehner on 4/9/2024 in #❓・help

Pre-Render not pre rendering

Doesn't the hook need to be a function? I am using it like this:

hooks: {
  async 'nitro:config'(nitroConfig) {
    const routesToGenerate = []
    routesToGenerate.push('/some/route')
    nitroConfig.prerender.routes.push(...routesToGenerate)
  }
}

hooks: {
  async 'nitro:config'(nitroConfig) {
    const routesToGenerate = []
    routesToGenerate.push('/some/route')
    nitroConfig.prerender.routes.push(...routesToGenerate)
  }
}

2 replies

NNuxt

•Created by Denis Jankelaic on 4/9/2024 in #❓・help

Partytown + Nuxt3

I've been wondering this myself as well. Does it not work if you install the

@nuxtjs/partytown

@nuxtjs/partytown

module and add

type="text/partytown"

type="text/partytown"

to the script?

2 replies

Gaming

Programming