Nuxt

N

Nuxt

Nuxt Community Chat Server

Join

pinia in nuxt layer

how to call pionia store from root's pinia in a layer?

Vue-TSC Error spam every time pnpm/npm dev is used in a new project.

Good afternoon, I have tried to setup a new personal website for start a new project. After creating a new project using the pnpm/npm nuxt@latest I then follow the documentation, I ran the following commands install --save-dev vue-tsc typescript, nuxt typecheck, andnuxt prepare. I have also added typeCheck: true in the c onfig and tried typescriptPlugin enabled and disabled. Ive tried to search around for answers like I did with another issue I had a few days back but I have been unable to find any potential solutions to attempt. I am fairly clever in tech and IT in general, however, I feel out of my depths trying to resolve this issue and may be beyond my mental capabilities (disabilities), I would really appreciate some assistance with resolving this or direction towards solving this, thanks....
No description

CSV Load issues

Hello! For my Nuxt Content project, I am having trouble loading a csv file and parse each line in my collection. I am using the code according to the documentation, with a delimiter of ";", but somehow, nothing is being loaded in correctly. I have one file, and thus have one item in the array that I fetch with "queryCollection()" and ".all()". This should not be the case. I see all the lines in the "meta.body" tag, just as described in this PR, but they are not parsed correctly. https://github.com/nuxt/content/pull/3513 They say it's fixed, but I tried with one of the installations as they suggested, but it didn't work...

Installing logsnatch with nuxt

createApp I want to installl logsnatch globally. The docs say: import { createApp } from 'vue'; import LogSnag from '@logsnag/vue'; const app = createApp(App); app.use(LogSnag, { token: '<TOKEN>', project: '<PROJECT_NAME>' }); app.mount('#app');. But there arent any createApp on nuxt

Nuxt 4.2.1 + NuxtUI 4.2.1 Project with a separate Spring BE. NuxtUI 4.2.1 intellisense not working.

Intellisense for component calls (i.e. UCard or UTabs) not showing while using VS Code. New to this framework and having to type <> manually is really slowing me down instead of just being able to click Tab and auto complete it.
No description

nuxt 4 import from main app to layer

I have a store in my app, I want to import it into my layer, is this possible or an antipattern

500 undefined is not an object (evaluating 'input.message') on production

Hi, I’m getting a 500 error in production, but I can’t figure out where the error originates. It only happens in production, and I’m unable to reproduce it on my local machine. I’m running Nuxt v4 with Strapi v5....

Using lifecycle hooks

How do I create a plugin which uses the build:before hook? Adding the hook, I get Vue: Object literal may only specify known properties, and 'build:before' does not exist in type 'Partial<RuntimeNuxtHooks>'. The plugin is also not even loaded...

Can I serve my nuxt layer independently

I have a main app and multiple nuxt layers. I need to provide one of the layers as a standalone app as well. There's a common UI components layer that is used by all layers and the main app. Would this be possible? Thank you

Handling hydration state of buttons and input fields

Hi all, Input fields and buttons are non interactive when hydrating and I was wondering how most people handle this state to improve the UX as well as fix flakiness for end to end tests. I've seen a few suggestions on disabling them until hydrated. For this I would have to add logic by enabling them onMounted(). Another solution would be to show skeleton loaders instead. However I don't really notice these patterns when looking at other production websites with SSR. How do you guys handle this?...

Separating frontend from backend with type safety

I want to be able to outsource the frontend without showing backend, but if I create layer from separate repo - the types are lost. Is it possible at all and how is the best way to do it? I use nuxthub and Cloudflare....

import defineNitroPlugin or not? Import aliases not working in /server/plugins/*.ts

Hi, I created a new Project today on the newest version 4.2.1 and for some reason I dont get type hints for defineNitroPlugin anymore. Also, I cannot import from e.g. "~~/server/utils/auth". This works in server utils and API routes, but for some reason, in plugins, it does not. If I run the dev server everything works. I am using this plugin to create a better-auth superuser (I just need 1 user), is there another way I can / should do this?...

Get a build manifest

Hello, I'm trying to generate a JSON manifest from the generated files to import them into another project, and I was wondering if there's a way to get a clean manifest. I've looked in the documentation, but I can't seem to get one. I've attached my nuxt.config.ts file. If you have any ideas, I'd appreciate it.

NuxtLink elements render on CF worker as routerlink since 4.2

Hi, since nuxt 4.2, my NuxtLink elements on server side on cloudflare module deploy only render as routerlink, not clickable anchors as before, and do not render their contents either, until the client side loads. I have been looking around everywhere, but I can not seem to find any related issue....

GetPortError: Timeout waiting for port 49281 after 20 retries with 500ms interval.

I'm trying to write an e2e test which is very basic: ```ts import { setup, createPage, url } from '@nuxt/test-utils/e2e'; import { describe, it, expect } from 'vitest';...

about tsconfig.json

Is there a way to "extend" these files without interfering with the tsconfig.json and tsconfig.server.json files under the .nuxt folder? For example, I want to change the file path alias "~/*" to "../server/*" for the server folder and "../app/*" for the client.

How do I use Tailwind colour palettes within NuxtUI components that accept a color?

I don't want to just use primary, secondary, etc In NuxtUI components such as the UBadge, I want the set color="rose" or color="indigo" for example...

How can I achieve tweakcn styling and full component customizability in nuxt ui?

I am going to start a brand new Nuxt 4 project, and I am not sure of which component library to go with. Nuxt UI especially after getting rid of pro tier and having everything free is so tempting, but when I started playing around with it I found out that the components live in the node modules and you cannot directly manipulate them, and I didn't find a way to change the component's structure, add extra elements to it that were not considered originally by the creating team, change the layout of its elements. Meanwhile, in shadcn vue I have direct access to every component's code and I can manipulate them however I wish, and there is also the ability to use things like tweakcn which I didn't find an equivalent of for NuxtUI....

I can’t see the store (pinia) in the DevTools when there’s a middleware

This index.vue ``` <template> <div> <h1 class="text-3xl font-bold underline">...
No description

NuxtUi Theme broken

Hello When i try to use the nuxt/ui package. I have the problem as Example the UNavigation Component is not working on mobile, it always empty when i toggle. On Desktop the dropdown are terrible. Not like in the documentation. What is the issue? app.vue ```vue <template>...
No description