13,114 questions
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/...
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 ...
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="...
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..
✔ ...
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" :...
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-...
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-...
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 ...
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' => ['*'],
...
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\...
-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 ...
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, ...
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
...
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?
...
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 ...
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 ...
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 ...
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 ...
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>
&...
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 ...
-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;
...
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"...
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({
...
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 ...
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
...
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
...
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....
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
-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 ...
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 ...
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 ...
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!&...
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 ...
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 ...
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 ...
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 ...
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, ...
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 ...
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:
...
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
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 ...
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 ...
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&...
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,
...
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 ...