Nuxt

N

Nuxt

Nuxt Community Chat Server

Join

Import image from node_modules

Is there a way to use an image from a package in node_modules? I need to provide the URL to the library. Using import inside my script setup gives me a URL, but it fails to load with a 404.

Best way to see what’s new in nuxt ui?

Hi, I’ve been using nuxt ui and I’m wondering what the best way to see what’s new in nuxt ui is easily? Like new components added or changes

In NUXT UI, there is a decentralized table or a cell selection form, if any, and if not, is there an

In NUXT UI, there is a decentralized table or a cell selection form, if any, and if not, is there an

error caught during app initialization $d

Hello, I randomly have errors that throw me a white screen. I really have no idea where to search ... Maybe chunks issue ? But how to solve that ? ......
No description

Pass client IP to client-side

Hello! Could you please suggest, how i can get client IP and pass it to client-side to use in pages/plugins/components ?

Using @vueuse/nuxt 's useStorage with nuxt and pinia

I am trying to set/get key value pairs to localStorage with vueuse's useStorage in a pinia store. It set's and gets the value fine but after a refresh it resets the value to the default value. Here is my store ```ts...

HMR issues - performs full page reload and causes errors.

Hi I have been debugging for ages now, and to be honest giving up as to what it can be.. i would love if someone has any good debugging ways to maybe help me trace down the cause. After adding a new package, my HMR is throwing random errors. I have tried removing the package and reverting back, but it's still an issue. It works in a new project, making me think it's to do with a package/plugin, or some error in my code. ...

Using same page for different paths

I have two pages that use the same component: - /users/add - /users/:id/edit Is there a way inside the page component to define both paths?...

[Fixed] Handle shared session with frontend micro services and Nuxt Auth Utils

hey, i'm currently looking to implement nuxtAuthUtils on multiple frontend nuxt apps that share the same session, my idea was to have one main nuxt app with only the backend routes needed for authentication (/auth/{service}.get.ts, etc), but useUserSession will only fetch the session from the current Nuxt instance from what i can see. I was thinking of reimplementing the useUserSession composable so that it requests the main auth app like this {appUrl}/api/_auth/session instead of just /api/_auth/session with each app sharing the same NUXT_SESSION_PASSWORD, do you think it would work ?...

Microfrontends support: scoped lifecycle

Hello, I’m trying to integrate a Nuxt application as a microfrontend into a single-page application (SPA), without full page reloads. Problem: I load the Nuxt application, navigate away from the page, and then return to it. When I come back, the page is not hydrated because the JavaScript was already initialized earlier. ...

Manual import inside pages and components

If i'm organizing components in the pages folder, following Alexander's video: https://www.youtube.com/watch?v=aAjfywmbfkM ```js components: [ {...

How configs are merged in Nuxt Layers?

If each layer has a configuration for the array of component folders, how is it merged together? Is it always overwritten by the next layer? Lets say a layer has components in '/components/my-layer/'. Another layer has components in '/components/another-layer'. ...

Load worker

Hey there! I'm trying to use a worker I need to load this way: new Worker(MyWorkerSrc?param1=x&param2=y), x and y being defined dynamically. Then, the worker should use url search params to instantiate what needs to be. My worker currently leaves in @/assets/worker/myWorker.ts. How can I make sure that: - Worker is being compiled...

Getting a Microsoft Access Token for a custom scope

Quick bit of background. We are currently running a Vue 2 frontend which communicates with a Hapi.js backend. Authentication is via Microsoft Azure. I am investigating migrating the front-end to Next whilst keeping (for the moment) the Hapi.js backend I am having problems getting an Access Token from Microsoft that can be authenticated by the backend (or JWT.io)...

RouteMiddleware Can only run once

the code is here: ```ts export default defineNuxtPlugin(() => { addRouteMiddleware('auth', () => { console.log('This global middleware is added in the plugin and will run on every routing change')...

Understanding PageHero + Carousel

So i have two issues.. 1. the page hero examples in the docs do not show an included navbar at the top version even though it's a very comon use case. Looking at the slots would i be correct in guessing top slot is where we should put UDashboardNavbar etc? what about the other slots for this component - top, bottom default? default behaviour is to add on the the components provided in this slot to the default title+description etc thing? 2. if we wanted a background image i'm guessing we'd need to use bg-[url..] style utilities? or use absolute positioning? what is we needed a carousel in the background instead?...

Tools to debug exact line that causes error?

"[nuxt] [useAsyncData] key must be a string.' I get this error 500, is there a tool or something that allows me to see the line of lines that ran before this error occured?

Few doubt regarding Nuxt UI pro license and prod build

I need to deploy a Nuxt UI Pro project on a server that does not have internet access (permently / sometimes) . I must run the build command without an internet connection. I have a few questions: 1. Is an internet connection mandatory for a production build? 2. Does the license key validation run every time during npm run build, or only the first time (and cached afterward)? Does it require internet for API calls during validation?...

How to read .env in production ? (Docker & pm2)

Hey all, I'm trying to deploy a Nuxt app in production and need to host it somewhere where I'll not need to worry about execution time - so I opted for a vps. Premise:...

ECONNREFUSED while working on my project

Hello, While working on my project, I often have that error leading most of the time to the server to stop : ``` ERROR [unhandledRejection] read ECONNRESET 8:02:41 AM ...