I would like to redirect a certain group of users to another URL (external) before the page is loaded, i.e. with middleware. Since I use nuxt in ssr-mode and redirect the users in layouts/default v...

I'm facing an issue in Nuxt 3 where the layout does not update correctly after navigation in a middleware, especially when using separate layouts for the login page and other pages. Here's an overv...

I try to start a nuxt3 program, now I want to set server proxy. A request to http://localhost:3000/api/v1 is supposed to return a response from our backend server on http://39.98.58.238:8594 , but ...

I've been looking to use Nuxt middleware in a layout. But I am not sure if I even can, however, since I used it in Nuxt 2, it may be possible in Nuxt 3. The project has 2 different layouts: Public....

I tried to install Nuxt 3 layers inside a monorepo with turborepo. and I somehow get error with typescript where it's seems to not able to figure out nuxt defineNuxtConfig not find appConfig not fo...

I've created a brand new project with npx create-nuxt-app my-cool-project but I do have some errors when running yarn dev. Though the "loose" option was set to "false" in your ...

Is there a way to set custom auto imports in Nuxt 3? I use Pinia and my stores are in the root directory under /stores. For example, if I want to use the store from /stores/auth.store.ts in a compo...

EDIT: Updated the text in general to keep it shorter and more concise. I am trying to configure HTTPS when I run npm run dev so I can test MediaStream and alike locally (for which browsers require...

In my Nuxt application where ESlint and Prettier are installed and enabled, I switched to Visual Studio Code. When I open a .vue file and press CMD+ Shift + P and choose Format Document, my file do...

I'm running into an issue with Nuxt-image plugin on its latest version v0.7.1 : in production, images are not loading via nuxt-image and the default IPX provider. I struggle to understand if this i...

I'm following a guide in which api routes are built like so: 1 create server/api/route.js file: export default defineEventHandler((event) => { return { message: `hello api route` } }) 2 use...

I am totally new to vue.js and I got this error while trying to launch my first npm run dev : nuxt error : nuxt.options._layers is not iterable I can't find any help about this anywhere. What to ...

I worked all day yesterday to finish a google cloud function to power an appointment maker vue component. The last step is actually UI using the returned object. I was planning on using the vuetify...

I setup Pinia on top of fresh Nuxt3 app and start dev server, with exactly these commands in order: npx nuxi init nuxt-app cd nuxt-app npm install npm install @pinia/nuxt npm run dev Dev server ru...

In Nuxt 3, how to remove trailing slash from urls? In Nuxt 2, it was done by adding these lines to nuxt.config.js: router: { trailingSlash: false } What is the equivalent in Nuxt 3?

I have a web app in Nuxt 3 that is being migrated from Nuxt 2. We also have a companion API that handles all data fetching from databases. When starting the webserver, the nuxt app must fetch a JSO...

I have some types that i want to be auto imported in my nuxt 3 app, but every time i try exporting a ts file containing the types it somehow skips or ignorers the types. I found a way for them to g...

Situation npx nuxi init my-project-name cd my-project-name npm install When I run this command, I get the error "defineNuxtConfig is not defined." I have tried reinstalling node.js, but ...

I am trying to run the command to update my typing via cli and it continues to give me the following error but when I debug this is all I get. Not much to work with. 2023/03/01 09:34:01 Recv First ...

How can I type the returned 'data' from a useAsyncData call that fetches some data from a pinia store? <script setup lang="ts"> import { useSale } from "~/stores/sale"; c...

Whenever I try to run npm install or npm update in my nuxt.js(vue.js) project, error below appears. npm ERR! code 1 npm ERR! path /Users/kyeolhan/ForWork/BackOffceFront/node_modules/deasync n...

I just want to be able to call {{ globalThing(0) }} in templates, without needing to define globalThing in each .vue file. I've tried all manner of plugin configurations (or mixins? not sure if...

In order to use a dynamically-defined single page component, we use the component tag, thusly: <component v-bind:is="componentName" :prop="someProperty"/> ... import DynamicComponent from ...

I'm using Nuxt.js for building a static website. How to access in component's script code currently displayed route name (I would like to avoid reading direct url from browser location)? Can I ...

I am using Nuxt.js / Vuejs for my app, and I keep facing this error in different places: The client-side rendered virtual DOM tree is not matching server-rendered content. This is likely caused b...