Skip to main content
Filter by
Sorted by
Tagged with
0 votes
0 answers
11 views

Nuxt 3 server middleware touching to client pages

I'm kinda new at nuxt. I'm trying to protect my API endpoint with authorization middleware. (Using auth-utils with default configuration) I'm basically returning unauthorized error code if path is not ...
itsReinsy's user avatar
-1 votes
0 answers
10 views

Splash screens for PWA(IOS) on Nuxt2

I'm trying to set up a splash screen at PWA. I generated the pictures via pwa-asset-generator, connected the pictures in nuxt.config. When I open the application on IOS splash screen does not appear, ...
Sergey Kovalchuk's user avatar
1 vote
0 answers
19 views

Nuxt + Zod: input type="file" does not display the file name on the first selection

I'm working on a Nuxt project using VueJS and Zod for form validation, and one field is a input type="file". The issue is that, on the first file selection, the input does not display the ...
kyljmeeski's user avatar
0 votes
0 answers
13 views

Nuxt/Vue2 testing: "getActivePinia()" was called but there was no active Pinia

I'm converting a Nuxt/Vue2 app (which I didn't write) from Vuex to Pinia to prepare for upgrading Nuxt/Vue. After finishing the Vuex->Pinia migration the app runs but tests do not. Here's an ...
knirirr's user avatar
  • 2,747
0 votes
1 answer
25 views

Nuxt/Vue error `slice` is not a function on computed property

I've been pulling my hair on the following issue for quite a while and can't seem to find what I am doing wrong. I'm building a Nuxt/Vue app and I want to display a list of users fetched from backend/...
Yonic Surny's user avatar
1 vote
0 answers
31 views

Vuetify 3, using a combobox in a v-for sends warning

I'm using Vuetify 3.5.14. I have a v-for for levels. On each level i have few spells represented by a combobox When i select the value of a combobox, it works fine, but when i try to search inside the ...
alesssz's user avatar
  • 520
0 votes
0 answers
20 views

Using Node.JS 'require' within Nuxt framework to send Twilio SMS text

This should be relatively basic to solve, but I'm spinning my wheels on whether I am using Node's CommonJS module's 'require' function in the wrong context (i.e. Nuxt folder structure) or if I can ...
dchisholm125's user avatar
0 votes
1 answer
10 views

Getting html from Vue 3 component for use in map marker

I'm migrating from Nuxt 2 to Nuxt 3 and trying to work out how to do the equivalent of this in Vue 3: import MapIcon from '~/components/elements/geo/map/marker/MapIcon.vue' const IconInstance = Vue....
Titan's user avatar
  • 5,938
0 votes
0 answers
31 views

Use v-for of number to load multiple <img>

I have an index.vue page that sends title (string) and picCount(number) to ShowPics.vue components. I have multiple pics in assets\pics\gilmore_girls\ , like pic attached assets\pics\gilmore_girls\ ...
user28056984's user avatar
0 votes
0 answers
17 views

[Vue warn]: Property or method "search" is not defined on the instance but referenced during render

I got this error in my console and I just cannot understand what is wrong : I get this message : Vue warn]: Property or method "search" is not defined on the instance but referenced during ...
Alice's user avatar
  • 1
0 votes
0 answers
17 views

How to Use Secret in Amplify Nuxt App Sever

I'm trying to use Amplify's Secret as per https://docs.amplify.aws/vue/deploy-and-host/fullstack-branching/secrets-and-vars/#access-secrets . My issue is that I seem to only be able to call the query ...
av0000's user avatar
  • 1,947
-2 votes
1 answer
67 views

Extra quotes when converting Date to string for fetching request

My Date objects from and to are incorrectly encoded with extra quotes which results in bad request URL. I've tried multiple functions to convert the Date to string (toJSON, toISOString, ...
zmaten's user avatar
  • 467
0 votes
0 answers
13 views

How to connect supabase with the new version of nuxt

I get the following error: Uncaught SyntaxError: The requested module 'http://localhost:3001/_nuxt/@fs/home/bobak/codehub/nuxt-mastering/node_modules/.pnpm/@[email protected]/node_modules/@...
Kelvin Mutuota's user avatar
0 votes
0 answers
30 views

PrimeVue dropdown with search filters' value reset issue

So I have been working on a project management tool's dashboard overview, where users can filter projects, statuses, due dates, etc. As the project list is a bit larger, I decided to add a filter in ...
tawsifahmed's user avatar
0 votes
0 answers
45 views

How do I copy over static files to a firebase function

I have a nuxt 2.0 application in an Azure Devops Pipeline and being published to firebase. In my deployment, I'm trying to copy over the static assets to the functions, but I can't get them to deploy. ...
David Silverman's user avatar
0 votes
1 answer
38 views

How to Add Custom Colors to NuxtUI with Tailwind

I'm working on a Nuxt project and trying to add custom colors to NuxtUI components. I’ve managed to make it partially work, but the process feels a bit clunky. I’m looking for a more straightforward ...
Anthony26's user avatar
0 votes
0 answers
32 views

Nuxt 3.13.2: nuxt generate build hydration completed but contains mismatches errors

I develop a website that runs with Nuxt 3.13.2, DaisyUI and TailwindCSS with bunch of nuxt modules, kindly please check the package.json details below: { "name": "the-website", ...
noel10's user avatar
  • 330
0 votes
0 answers
27 views

Does navigating between client components in Nuxt trigger a request to the server?

In nextjs when navigating between client components after already having the app loaded, it still triggers a request to the server which sends back a basic html file of the page requested. I want to ...
DSMNCIHAGT 's user avatar
0 votes
0 answers
26 views

Passing a `key` attribute from a native HTML element to a Vue/Nuxt widget

I'm developing a custom widget using Nuxt 3, and it's encapsulated within a shadow root. I need to pass an API key to this widget using the key attribute from a native HTML element like so: <my-...
DurandA's user avatar
  • 1,531
0 votes
0 answers
30 views

Nuxt Gradient Border Timer Flickering in Firefox and Safari

I'm developing an application where I have a component that displays a gradient border timer around the entire viewport. The border animates over time to represent a countdown, and when it reaches a ...
Valentin's user avatar
-1 votes
1 answer
21 views

In Nuxt.js how to add a username dynamically to a URL like http://localhost:3001/profile & http://localhost:3001/profile/@user

pages/profile.vue pages/_username.vue To handle both URLs—http://localhost:3001/profile (generic profile route) and http://localhost:3001/profile/@user (dynamic username route)—in Nuxt.js
souhaib chadidi's user avatar
0 votes
0 answers
20 views

How to properly migrate to Sass @use in nuxt2?

We want to reuse some of our mixins and variables in both current Nuxt2 and the new Next.js projects. Next.js highlighted the @import in Sass is getting deprecated, so to overcome this, we have ...
Alex Buznik's user avatar
0 votes
0 answers
13 views

Set dynamic router base in Nuxt 2

I have this prefix nuxt.config.js export default { router: { base: '' }, } Now I want to check when window width less than 768px, the router base will change to router: { base: '/sp' }, ...
LXT's user avatar
  • 845
0 votes
0 answers
29 views

Set Firebase Web Frameworks SSR Database URL?

I'm using Firebase web frameworks. At a high level, I want to use my firebase-hosted development database for the generated function that does server-side rendering of the page (function ...
RoccoB's user avatar
  • 2,559
0 votes
0 answers
16 views

Issue with Redirecting to Login Page After Successful Login in Nuxt.js from Laravel Api

I'm working on a project in Nuxt.js adn Laravel api and I've encountered an issue with redirecting users after a successful login. After logging in, the user is redirected immediately to the dashboard ...
JayVch's user avatar
  • 81
0 votes
0 answers
23 views

Content markdown files require server restart to show changes

I created a Nuxt 3 project from the empty template in Nuxt Studio and then cloned the project locally. Running npm run dev works and the server starts fine, and I can load the index page (content/...
bdx's user avatar
  • 3,496
0 votes
0 answers
63 views

Couldn't resolve component "default"

I'm running VUE Nuxt, and after introducing layouts, I keep getting errors in my error.vue. It is not consistent, as far as I can tell, and I have not received it myself. In error. Vue, I sent an ...
Pochen's user avatar
  • 2,929
1 vote
1 answer
20 views

Can't see Typescript errors when working on Nuxt app [duplicate]

I'm running a Nuxt app and I can successfully start and even build it even if I purposefully introduce clear, obvious type errors. See for example: <script lang="ts" setup> function ...
Unawake Headpiece's user avatar
1 vote
1 answer
37 views

I cannot remove the prefix from some routes in my nuxt application using the plugin i18n

The problem that i am encountering is this: I am using internalization for my website , and i have two languages: ro-RO(default language) and en-US. For the routes containing '/admin' , i need to ...
Misu Stefan's user avatar
1 vote
0 answers
21 views

Directus and Nuxt: Correct items frontend output

I am using this tutorial for testing a Directus/Nuxt project: https://docs.directus.io/blog/nuxt-directus-getting-started.html I modified the code because I have a collection called "playgrounds&...
winnewoerp's user avatar
1 vote
1 answer
22 views

Pug template not working with nuxt variables

I am trying to run a simple pug for loop inside of my nuxt app. I installed https://www.npmjs.com/package/vue-pug-loader by running the commands, and the syntax seems to work: <template lang="...
m rolland's user avatar
1 vote
2 answers
36 views

Tailwind CSS "justify-center" works if used with "flex-row" but doesnt work with "flex-col"

I was recently building a website using NuxtJs and ran into a problem: I cant center components in a that are in a flex column. but when i removed the "flex-col" class everything seemed to ...
Erdem Öztürk's user avatar
0 votes
0 answers
30 views

OpenLayers + Nuxt 3 : Issue with visual update after applying filters without using refresh()

I'm working on a project using Nuxt 3 and OpenLayers version 10. I'm facing difficulties with updating the visual rendering of the map after applying filters on my vector layers. Context : I have ...
CindyR's user avatar
  • 1
0 votes
1 answer
50 views

Fetching data with nuxt - direct vs. proxy access

I'm a Vue developer building SPAs but new in the Nuxt universe with SSR. I have now familiarised myself with the subject and I know some patterns. However, my thoughts revolve around some best ...
Theiaz's user avatar
  • 714
1 vote
0 answers
44 views

Struggling with getting Nuxt and Vite-PWA to work offline

I've been struggling for hours with what should have been a trivial thing to do with vite-pwa module for Nuxt. So I turn to you wise folk to help me out. I'm trying to build a simple Nuxt app that ...
Peter's user avatar
  • 81
0 votes
0 answers
31 views

Nuxt build error: "createRequire" is not exported by "__vite-browser-external"

Keep getting the following error during build: Nuxt Build Error: ../../node_modules/vite/dist/node/chunks/dep-Cyk9bIUq.js (50:9): "createRequire" is not exported by "__vite-browser-...
Pimmesz's user avatar
  • 555
0 votes
0 answers
14 views

Route on Nuxt 2 fires 2 page views for every visit on nested route when using vue-gtag with Google Analytics 4

I am using Nuxt 2 with a custom router with the nuxtjs/router module I am using vue-gtag library to get Google Analytics 4 running as per the issue mentioned here This custom route fires 2 page ...
PirateApp's user avatar
  • 6,135
1 vote
0 answers
78 views

Nuxt 3 + Directus returns CORS error when navigating the site

I have searched, and searched, and searched... for an answer to this problem. I just can't figure out the solution. The problem I'm having concerns a project with Nuxt 3 as frontend, and Directus (CMS)...
Fexell's user avatar
  • 53
0 votes
1 answer
38 views

Google Maps API onClick event: how to reduce the debounce delay for multiple or fast clicks?

I have implemented the regular strategy for getting the onClick event on the google maps api: map.value.addListener("click", (event) => { onClick(event); }); This works well for most ...
Evandro Teixeira's user avatar
-1 votes
0 answers
35 views

Use window.history without URL changes

I recently refactored my Nuxt 3 application to stop using query parameters for managing filters. Instead, I store the filter state internally. However, this change has caused an issue where the ...
Tim's user avatar
  • 4,242
0 votes
0 answers
87 views

Nuxt 3 and Cloudflare functions local development

I have a project that is using Nuxt 3 and Cloudflare functions for specific calls. From what I have read to run my workers locally I need to use wrangler and run this command wrangler pages dev <...
Steven McAdam's user avatar
0 votes
1 answer
80 views

Same useAsyncData vs useFetch but useAsyncData doesn't fetch on the first load or hard refresh. Why?

I have these two functions and I think they are identical. However, it seems that the useLazyAsyncData function does not trigger the API call upon the first load; it only does so if I navigate away ...
Omar Mir's user avatar
  • 1,602
-1 votes
0 answers
19 views

Nuxt.js code is not activating script on default google app on IOS

Some NUXT code is not working properly on default google app on IOS. (not chrome) what is happening is that the whatsapp button and email button dont toggle the script to show a box for input as it ...
Mathias Frihauge's user avatar
0 votes
0 answers
23 views

Scroll to top doesn't work on NuxtJs, VueJs, Typescript and Prismic project

I have a problem on my nuxt (v3.11.2) project with vuejs (v3.4.21) and typescript, when I press a link, I arrive at the bottom of the window instead of arriving at the top, I had already tried to put ...
Simon Maigrot's user avatar
2 votes
1 answer
176 views

How to make nuxt multiselect work properly with data from Laravel API?

I’m using the USelectMenu component from the Nuxt UI library, and I need to ensure that all the options that the user can select are displayed. I have that covered with my mapped_looking_for method, ...
JayVch's user avatar
  • 81
0 votes
1 answer
33 views

Nuxt3 pages are duplicated twice at the end of the scroll on production

When running the project on local whether in dev or prod mode using whether npm run dev or npm run build followed by npm run preview respectively it works just fine on my local machine, When deploying ...
ALLAOUA Okba's user avatar
0 votes
1 answer
31 views

Nuxt and vuewordcloud error - 500 Unexpected token ':'

I have a web application in Vue.js using nuxt and vuetify. I have installed the library vuewordcloud to make a word cloud : https://www.npmjs.com/package/vuewordcloud And now, when I start the project,...
jojubluch's user avatar
0 votes
0 answers
17 views

Deployment Issues in AWS Amplify with Dynamic Routes in Nuxt 3 under a Subdirectory

I have a nuxt 3 app which has a validation page in [...id].vue. This app must work under the v2 baseUrl. the problem starts when I want to manually deploy in amplify by configuring project-config.json ...
Tadeo Mendoza's user avatar
0 votes
1 answer
40 views

Testing Vue Component with @nuxtjs/i18n: Fixing the "Need to install with app.use function" Error

I'm using the @nuxtjs/i18n library in my Nuxt project, and I'm trying to write a test for a Vue component. However, I keep encountering the error: Need to install with app.use function Here’s the ...
Jovan Bankovic's user avatar
0 votes
0 answers
32 views

Nuxt 3 + AWS amplify hosting subfolder deploy

I have a nuxt 3 app which has a validation page in [...id].vue. This app must work under the v2 baseUrl. the problem starts when I want to manually deploy in amplify by configuring project-config.json ...
Tadeo Mendoza's user avatar

1
2 3 4 5
263