Nuxt

N

Nuxt

Nuxt Community Chat Server

Join

Detected HTML unplugin-vue-i18n

```vue <script lang="ts" setup> const { t, locale } = useI18n(); <template> <h1 v-html="t('title')"></h1>...

WebStorm Syntax problems

Does anyone else have such major syntax problems with Jetbrains' WebStorm IDE? It often gives me syntax errors in places where there aren't any, and when I hover over them, nothing happens, and the website works fine. It's only displayed incorrectly in the IDE. I've had this problem for months, I update my IDE regularly, and somehow it won't go away.
No description

Nuxt Image IPX issues with Nuxt 4

Recently migrated an electron + nuxt project to Nuxt 4. SUddenly, after migrating, moving files, etc.. Nuxt Image, more particularily IPX cannot load files. On the browser, I get a 404 on every file from the public folder (located at app/public) (IPX_FILE_NOT_FOUND). I have no idea what could cause this. Tried switching the dir in the config of nuxt image to public, ~/public, app/public without success. Here is the repo where the code and structure is: https://github.com/TheDogHusky/nekoviewer...

Nuxt auth utils examples

Does there exist an nuxt auth utils example with a basic jwt token? I'm setting up a authentication flow with my own custom backend using asp net core identity

Nuxt Middleware testing

Is there any way to test middleware (specifically redirecting from unauthorized routes based on a user attribute. I am working with Nuxt Test Utils in Nuxt 4.0.3 In my middleware I have:...

How is `statusMessage` different than `message` in createError?

Hello, i am having really hard time of understanding statusMessage and message differences, even i don't pass the 'message' property, 'message' becoming the statusMessage, and also i know that it's also shown in HTTP header so it's not suitable for longer messages. So i wanted to completely rewrite my code to use message only, no statusMessage But then i had this issue, in server:...

Dashboard Template long loading times

Hey everyone, I've set up the Nuxt UI Pro Dashboard template and am encountering an unusual performance issue in development mode. The page's initial load is very fast (around 0.7 seconds), but sometimes after a refresh, I get a white screen that lasts between 5 and 20 seconds....

useFetch reactive triggering twice

I'm using vueuse useRouteQuery to get page and limit values from the query params. For the first page, those params don't exist so I have defaults setup. I'm then passing those to the useFetch query object. So the problem occurs when I'm on the first page and go to another page, I get 2 network fetchs to the api, the first one gets cancelled and the second one succeeds but the useFetch gives me the following error:
<no response> Request aborted as another request to the same endpoint was initiated.Caused by: AbortError: Request aborted as another request to the same endpoint was initiated.
<no response> Request aborted as another request to the same endpoint was initiated.Caused by: AbortError: Request aborted as another request to the same endpoint was initiated.
If I'm on a page other than the first where the params are in the query and go to any other page (even the first page) it works perfectly....

I enabled cache with nitro but don't receive the cache-control header in response

I enabled cache for svg images through routeRules in my nuxt config ```typescript const weekInSeconds = 60 * 60 * 24 * 7 export default defineNuxtConfig({ routeRules: {...

Nuxt content shiki themes only ever uses the default

``` // https://nuxt.com/docs/api/configuration/nuxt-config export default defineNuxtConfig({ compatibilityDate: '2025-07-15', devtools: { enabled: true },...

NuxtImage not working as expected with Sanity

If I set the provider to sanity in the image config then for usage such as: ```js <NuxtImg :src="item.image.asset.url" ...

Shadcn + nuxt v4

Anyone has had any issues with shadcn, installing modules seems to throw errors I am not sure what it is related to.
No description

Nuxt 2 - Removing vuex-persist

I have an SSR Nuxt 2 app that uses the store. I currently have vuex-persist as a plugin that runs on client side. I wanted to change the default of one of the values from true to false by editing store/index.js, as well as adding a new value. After doing that, when I refresh the page it seems the new default value and the new value is there, but the new default value takes over after the page loads. I found that in the browser localStorage, the old default is still there and the new values are absent. In my mutations, I also create/update a cookie of the same name. Then, use nuxtServerInit to update the store with what is in the cookie. This syncs up the store on page refresh. Reviewing this process...I'm starting to think that my vuex-persist plugin is unecessary to have? It doesn't seem to be providing any benefit, and I think it is what is causing my problem with adding/updating default values in my existing store. Having the client restore the store based off of what vuex-persist put in localStorage seems unnecessary when I'm already using nuxtServerInit and the cookies I'm setting. ...

crypto.hash error

I'd like to start a new nuxt v4 project. But I seems to get this error. I updated node to the latest version, and downgraded vite to version 5. Nothing works. Can somebody help?...

Other solutions than Nuxt Pages Plus with modal routes functionality

I started project using Nuxt 4 and I want to use modals with routing system or alternatively with params. I came across fantastic module but it's not supported anymore, I spent last two days re-creating my own custom solution but with no success . I created custom composable with Vue Router integration - provides the closest experience to nuxt-pages-plus with clean URL handling and back button support but it's far from nuxt-pages-plus. Any recommendation on how to create proven solution would be welcome.
There are also other solutions I found: Solution 1 (checked): Custom composable with Vue Router integration - provides the closest experience to nuxt-pages-plus with clean URL handling and back button support. Solution 2: Plugin-based approach - automatically detects modal routes and manages the modal stack globally....

Nuxt UI pro not working at all

I followed the exact setup what i see on https://ui.nuxt.com/getting-started/installation/pro/nuxt, however its just not working i keep getting the following error:
Cannot find module '~/assets/css/main.css' imported from 'virtual:nuxt:C%3A%2FUsers%2Fsteno%2FDocuments%2FGitHub%2Fnuxttest%2F.nuxt%2Fcss.mjs'.
Cannot find module '~/assets/css/main.css' imported from 'virtual:nuxt:C%3A%2FUsers%2Fsteno%2FDocuments%2FGitHub%2Fnuxttest%2F.nuxt%2Fcss.mjs'.
if i understand correctly you dont need a license for just testing it right? as long as you dont put it up online...

No HTML visible even with SSR true

Hi, I just started a new nuxt project (latest version). In my nuxt.config.ts I have "ssr: true" but when I look at the source code of the page, I only see some CSS (Nuxt UI) and JS but no HTML. Can anyone help me out? I need it to show HTML. All it shows is some CSS (Nuxt UI) and JS. This is my nuxt.config.ts: ...
No description

Nuxt Studio Local Development

So I understand Nuxt Studio expects a github repo (why no support for gitlab etc ;( ) but I need to test certain things related to studio experience before committing and pushing changes to the repo. How should I go about this. docs mention this might be possible but not the exact way

Issue with component resolution

Hey there! I do have a quiet massive app that has reference to a shared package with an online platform. This package is kindof common stuff for design-system, utilities and so on. Within this shared package, I do have a deep component (components/A/B/C/D.vue), and its siblings (components/A/B/C/D/ChildA.vue...)...

Using a custom component in Nuxt UI form

Hi there. I've got a USelectMenu wrapped in a component so I can reuse its logic - it gets its items from a db. how can i use this custom component in a nuxt ui UForm in the same way I would a plain USelectMenu? Thanks 🙂