Skip to main content
Filter by
Sorted by
Tagged with
1 vote
0 answers
10 views

Dynamic import Nuxt 3 (Nitro)

How can I use dynamic import in nuxt 3 (nitro)? src/server/api/urls.ts: This method works export default defineEventHandler(async event => { const module = await import('../../../utils/...
Ilya's user avatar
  • 11
0 votes
0 answers
15 views

How to make Nuxt open the component instead of .d.ts file when I CTRL + CLICK the html tag in VsCode?

Something annoying about Nuxt is that it's opening the TypeScript declaration file instead of the file itself when I CTRL/ALT + CLICK it, different from using Vue alone, Nuxt go to the declaration ...
João's user avatar
  • 721
0 votes
0 answers
8 views

Problems with nuxt and adminlte

I am using admin lte and nuxt for a project I am doing, but I am having the following problem: To generate a list with dropdown options use: <nav class="mt-2"> <ul class="...
Alexis Rodas's user avatar
0 votes
0 answers
7 views

sidebase library nuxt-auth Configuration error

I am trying to use sidebase nuxt auth for my application. But i'm configuration getting error and my app not working (500 error) I tried CredentialsProvider.default but not working. Please help.. ✔ ...
Cevat Serin's user avatar
0 votes
0 answers
11 views

Using NuxtUi accordion with i18n translation value

Im trying to get nuxt-ui accordion to work with i18n translation value but the items value seems not to work <UAccordion color="primary" variant="link" size="md" :...
Nawi's user avatar
  • 81
0 votes
0 answers
28 views

How to mock composable with vitest?

I'm learning TDD in simple Nuxt.js project. This project is frontend of Laravel API. And what this project does is to implement all Laravel Fortify options. So I'm using external package called nuxt-...
dust_bg's user avatar
  • 687
0 votes
0 answers
10 views

Power BI embed in Nuxt application not firing events

Just trying a really simple power bi embed with powerbi-client-vue-js library. <template> <div class="embed-component"> <PowerBIReportEmbed :embed-...
Tyler Dahle's user avatar
0 votes
0 answers
15 views

Error from nuxt-schema-org when I use nuxt 3

I installed the nuxt-schema-org library and used it in nuxt 3 version 3.11.2. However, when I tried yarn dev, this error occurred. Is it because it did not automatically create the necessary files and ...
Bin Chảnh Kún's user avatar
0 votes
0 answers
44 views

Error in login Session store not set on request?

I have Laravel as the backend and Nuxt js as frontend i used Session Sanctum here is the set up: in my cors.php : 'paths' => ['api/*', 'sanctum/csrf-cookie'], 'allowed_methods' => ['*'], ...
rabie ali's user avatar
0 votes
0 answers
30 views

Nuxt starting Error: "[nitro] [unhandledRejection] content.startsWith is not a function"

Always when I start my Nuxt project I get this Error: at parseFrontMatter (/C:/IPA/md-files/node_modules/remark-mdc/dist/index.mjs:41:15) at parse (node_modules\@nuxt\content\node_modules\@nuxtjs\...
citr0q's user avatar
  • 29
-1 votes
1 answer
23 views

Nuxt v3 router is not working when trying to push or replace

I'm using Nuxt version 3.14 and whenever I try to use router.push or router.replace the tab freezes. I tried all the possible fixes using setTimeout or debounce, but the only way I made it work was ...
Visovan Mihai's user avatar
0 votes
0 answers
21 views

Nav Guards cause Hydration Mismatch

As recommended in, I have set up nav guards for my nuxt app in: /src /middleware /navGuard.global.ts This runs on every route change. Here I check for a logged in user in my data store, ...
Jamie Marshall's user avatar
1 vote
1 answer
28 views

NuxtApp helpers are returning "is of type unknown"

I'm working on creating a Nuxt plugin which is usually a straightforward process. I created a file called cryptography.ts within plugins/ folder and coded the following: // plugins/cryptography.ts ...
Egy Ramschie's user avatar
1 vote
0 answers
33 views

vscode debug nuxt3 for client side issue

I am using VSCode to debug a Nuxt 3 client-side application. My question is: if I run the debug configuration with client:chrome in VSCode, do I still need to manually start the app with npm run dev? ...
stewchicken's user avatar
1 vote
1 answer
47 views

Setting Cookies Domain with pinia persisit store on Nuxt 3

I'm setting up SSO login for two apps on the same sub-domain using Nuxt 3 with Pinia and persisting data in cookie storage. The issue is configuring the cookie's domain option so that it's accessible ...
Success Ahon's user avatar
0 votes
0 answers
22 views

Page requires definePageMeta, otherwise remote error 500 occurs

When deploying my Nuxt app on Heroku, I encountered a strange 500 error which I was unable to reproduce locally or see any relevant warning about. I want to squash this and not have it bite me again ...
Kalnode's user avatar
  • 11.2k
0 votes
0 answers
19 views

laravel reverb broadcast on not chanel not run ever

I have a notification system in Laravel 11, and SPA Nuxt 3 connects in the browser using Laravel Echo and gets status 101. The notification is saved in the database and no errors appear, but the ...
Muhammad Hamid's user avatar
0 votes
0 answers
25 views

I have problem that promo is not passing to this component so when i run my project as products catalog(Vue.js) app error Promo is not defined

I have problem that promo is not passing to this component so when i run my project as products catalog(Vue.js) app error Promo is not defined The problem that the type PromotionalSpot is not passing ...
Meme's user avatar
  • 1
1 vote
1 answer
20 views

"More-less content" Nuxt/Vue component does not work

I have created a simple "more-less text" component, which is based on the Tailwind hidden class and the bound more variable. The code is below: <!-- More.vue --> <template> &...
Александр Ермолин's user avatar
0 votes
1 answer
26 views

how to prevent Vuetify's v-date-picker `type` from changing date format

I have a datepicker and I'm trying to restrict the selections between 'month' and date but when I switch the v-date-picker's type from 'date' to 'month', the date format changes from 2024-01-01 to ...
Clinton Njiru's user avatar
-1 votes
0 answers
36 views

Nuxt dev serv and nginx

How to config nginx for nuxt dev? nginx conf now: rewrite ^/(.*) /$1 break; location / { proxy_set_header Host $host; proxy_set_header X-Real-IP $remote_addr; ...
Георгий Графов's user avatar
0 votes
1 answer
45 views

Unable to access Cloudflare D1 database in a Nuxt 3 API route when deployed to Cloudflare Pages

Project is built in Nuxt 3 and is being deployed to Pages via GitHub integration. Cloudflare Dashboard was used to create a binding in the Pages project to the D1 database using variable "DB"...
CR4SHED's user avatar
0 votes
0 answers
53 views

Setting up Sidebase/nuxt-auth to work when deployed to nuxt hub with nuxt application?

I am having a terrible time getting @sidebase/nuxt-auth working in nuxt hub. My nuxt config: import vuetify, { transformAssetUrls } from 'vite-plugin-vuetify'; export default defineNuxtConfig({ ...
Tyler Dahle's user avatar
0 votes
1 answer
45 views

Nuxt 3 SSR: Strapi fetch in useAsyncData is called client-side

Setup Nuxt 13.14.159 nuxtjs/strapi 1.12.0 Expected behavior In my Nuxt 3 application, I have a dynamic page pages/articles/[slug].vue which I want to be rendered server-side every hour. The content ...
Robin Klöckner's user avatar
0 votes
0 answers
25 views

Custom Fonts Serverhosted fonts in SVG's [duplicate]

The problem: I have an svg using a custom font. I want the font to be provided by the server. The font is replaced with Times new Roman and does not use the predefined font. Folder Structure: - assets ...
Linux's user avatar
  • 1
0 votes
0 answers
26 views

Nuxt 3 / Vue 3: Reactive Value Initialization Delay Causing Zero Value

Problem Description I'm working with a reactive data flow where a calculated value (final percentage) is not immediately populating with the correct value due to data loading delays. Specific Scenario ...
Mahima Ramgolam's user avatar
1 vote
1 answer
37 views

Fabric.js Textbox Resizing and Editing Works Locally but Not When Canvas is Stored in Pinia

I'm working on a Nuxt3 project with Fabric.js and Pinia. I want to manage the Fabric.js canvas instance globally using a Pinia store. The goal is to add text to the canvas using actions from the store....
j roc's user avatar
  • 236
0 votes
0 answers
22 views

Hi, please i have a error server on nuxt 3 ssr test e2e

I am working on a project in nuxt 3 ssr, it is absolutely not necessary for js to be executed on the client side, so I work a lot with the server, in the code below I call my store which itself calls ...
David Kuepo's user avatar
0 votes
1 answer
66 views

Bearer token not included in request header

I tried using token based auth using Laravel Sanctum, using Nuxt JS on Front End Laravel Framework 11.29.0 (http://192.168.10.11:8000) Nuxt 3.13.2 running in (http://192.168.10.11:3000) And ...
atma's user avatar
  • 214
0 votes
0 answers
79 views

Nuxt: [worker reload] [worker init] Cannot find package '~' imported from

I am having weird javascript errors in a row. import View from "~/server/models/ViewModel.js"; this command failing in nuxt startup, It started erroring fully random, the '@' alias also not ...
itsReinsy's user avatar
0 votes
1 answer
36 views

How can I get useFetch to trigger when NuxtLink is clicked?

The issue is that my view is not re-rendering nor is useFetch re-running when a pagination link is clicked. I suspect this is something to do with data reactivity in Nuxt - which is new to me. I have ...
Jamie Dunbar's user avatar
0 votes
1 answer
64 views

Issue with gallery image loading randomly

I have a problem loading a fetched gallery: when I load the gallery page, images load as expected, but when I go to a different page, for example home page followed by coming back to gallery page, the ...
Mario's user avatar
  • 19
0 votes
0 answers
51 views

Some CSP Problems with nuxt-security

there are 2 problems with my code below. No matter what I did, I couldn't solve the problem. Problem 1 -) When the user refreshes the page, it always redirects to the home page. Problem 2 -) The css ...
Fiyuva's user avatar
  • 1
-3 votes
0 answers
45 views

How to make an HTTP request from my frontend to an internal private backend

I have a frontend server configured with nuxt (vue), and a backend configured with fastapi. The frontend is exposed to the outside world on ports 80 and 443, The backend is not exposed. When a user ...
phi friday's user avatar
1 vote
0 answers
29 views

Can 2 firebase-hosted Vue SPAs be connected client-side whereas the main app lives at example.com and the other at sub.example.com?

We have a Vue2 SPA hosted via firebase. Now we split a part of that app to become a new app under a subdomain. This new app works with Nuxt (using SSR) and Vue3.* For this we created a second server ...
vuelicious's user avatar
1 vote
0 answers
37 views

Nuxt: How to auto-redirect non-existing routes to different domain

We have a Vue2 SPA with base url https://example.com and migrated a part of this app to using Nuxt (with SSR) and Vue3, hosted on https://sub.example.com After having replaced RouterLink with NuxtLink ...
vuelicious's user avatar
0 votes
0 answers
23 views

Nuxt 3 ssr custom error page (404) not showing in production mode

I have a code below error.vue <template> <NuxtLayout> <div class="prose"> <template v-if="error.statusCode === 404"> <h1>404!&...
QI10's user avatar
  • 27
0 votes
0 answers
29 views

Discriminate between browser load and browser navigation

Is it possible to check if the browser is loading a page through a page refresh or URL access, or if it is navigating through the browser history (back/forward)? I'm building an app with Nuxt where I ...
Bernat's user avatar
  • 1,248
0 votes
0 answers
45 views

Vitest Stuck when running in a Docker Container

I would like to run the Vitest Unit tests of my Nuxt application on Github Actions in a Docker container, but the tests do not start, but get stuck on the output to be seen below. I'm currently ...
Leo Gall's user avatar
0 votes
1 answer
26 views

How to include the children of a route when creating a middleware?

I have created a global auth middleware but need to check if you are going to any route in /dashboard and its subroutes like /dashboard/account or /dashboard/settings. The middleware below is a very ...
Calvin Coleman's user avatar
0 votes
0 answers
17 views

_interopRequireDefault2 is not a function

Environment Operating System: Darwin Node Version: v20.11.0 Nuxt Version: 3.14.159 CLI Version: 3.15.0 Nitro Version: 2.10.4 Package Manager: [email protected] Builder: - User ...
bobrov_site's user avatar
0 votes
1 answer
37 views

How do I increase the width of modal in NuxtUI UModal component?

Does anyone know how to increase the width of the modal in NuxtUI UModal component? I can't seem to find any docs on how to increase it. Did I miss something? In NuxtUI there are two options, default, ...
link's user avatar
  • 94
0 votes
0 answers
25 views

Nuxt replace startup/restart page

I want to replace this screen with a custom HTML file: Why? I use Nuxt with Tauri and want some part of the loading screen to have "data-tauri-drag-region" so I can drag it even in the ...
Waradu's user avatar
  • 350
0 votes
0 answers
32 views

How to mock multiple refs (and refs in general) in Nuxt?

I'm looking for a way to mock multiple refs (and refs in general) in Nuxt? I'm using Vitest and Nuxt test utils. About my Case: I want to test a SideBar.vue component. The component has multiple refs: ...
Leo Gall's user avatar
0 votes
1 answer
20 views

configStore is not defined at setup

Upon trying to run my Vue/Nuxt application I am greeted by a 500 error code and an error message: configStore is not defined at setup
zmaten's user avatar
  • 477
0 votes
0 answers
94 views

connect.sid cookie is not being created, req.session generates a new sessionID on every request, something is wrong with my CSRF implementation

What is expected? I hit the GET /csrf/token endpoint from my frontend A new csrf token is generated as no cookie is set yet This csrf token is saved to redis store via connect-redis and connect.sid ...
PirateApp's user avatar
  • 6,210
0 votes
0 answers
79 views

Nuxt "Reached heap limit Allocation failed" on Azure Web App

This is driving me crazy, I've tried so many different things but can't get round this issue. I have a Nuxt app thats deployed to an Azure Web App (Not static web app) using Github Actions. It deploys ...
Lee's user avatar
  • 1,495
0 votes
0 answers
15 views

I can't synchronize data from v-treeview

In my Nuxt 3.13.0 project I have a v-treeview. I want the data from the node selected by the user to be synchronised to "activeNodes": <template> <v-col v-if="treePopulated&...
Sergio Camilo Espinosa Botero's user avatar
1 vote
0 answers
16 views

CSRF Token won't be set unless the server sends a response. But CSRF token needed to make a request inside nuxtServerInit? How to handle this case?

Backend Take this express backend server const app = express(); app.use(rTracer.expressMiddleware()); app.use(requestLogger); app.use( cors({ credentials: true, origin: getAllowedOrigins, ...
PirateApp's user avatar
  • 6,210
0 votes
0 answers
20 views

How to upload a File from Nuxt JS and Symfony api without any CORS error [duplicate]

i am trying to upload a file from Nuxt3 frontend and Symfony backend. but i am getting this error Access to fetch at 'http://localhost:8070/upload-book' from origin 'http://localhost:8060' has been ...
mono ranjan das's user avatar

1
2 3 4 5
263