13,114
questions
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 ...
-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, ...
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 ...
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 ...
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/...
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 ...
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 ...
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....
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\
...
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 ...
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 ...
-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, ...
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/@...
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 ...
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. ...
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 ...
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",
...
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 ...
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-...
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 ...
-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
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 ...
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'
},
...
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 ...
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 ...
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/...
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 ...
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 ...
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 ...
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&...
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="...
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 ...
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 ...
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 ...
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 ...
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-...
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 ...
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)...
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 ...
-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 ...
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 <...
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 ...
-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 ...
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 ...
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, ...
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 ...
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,...
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 ...
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 ...
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 ...