2,634 questions
0
votes
0
answers
143
views
Nuxt3 / Storyblok full SSG
i'm currently building a blog that get it's content from Storyblok API.
i want my blog to be full static and for that i use the "npm run generate" that work almost as i want. There's one ...
- 25
-1
votes
1
answer
127
views
Why Is Template Reactivity for `useFetch` Data Not Consistently Working?
Background
I’m building an app using Nuxt 3 and Vue 3 (Node v20.18.0). I’m running into a fundamental issue with template reactivity when trying to display data fetched with useFetch. Specifically:
I ...
- 9,514
0
votes
0
answers
120
views
500 Error ENOENT: no such file or directory, open '/static/index.html'Nuxt3 with AWS Amplify dynamic routeRules
I am trying to deploy a Nuxt3 app on AWS Amplify using routeRules to assign different rendering modes to different pages. The build process succeeds, but in my cloudwatch logs, it always gives the ...
0
votes
1
answer
99
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 ...
- 109
0
votes
0
answers
38
views
Nuxt Dynamic Route Issue: ID Switching to 'preload.js.map' Unexpectedly
I have a very simple dynamic route. The page is in the following directory: ~/pages/explore/initiative/[id].vue
When I navigate to that page via NuxtLink, it seems to be making the request several ...
- 9,514
1
vote
0
answers
126
views
Debugging Nuxt 3.11+ in VS Code - missing code lines
I am using VS Code for Nuxt 3 development and my problem is that since Nuxt 3.11 the code lines are not displayed and linked to the code position in the "debug console" anymore and objects ...
- 11
0
votes
1
answer
37
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
1
answer
66
views
How to get the Full Host in Server Api Nuxt 3?
I need to get the Full Host, I am creating an API endpoint at ~/server/api/test but with event on defineEventHandler is just giving me for example only localhost host but without port.
I am trying ...
0
votes
1
answer
497
views
How do I deploy a Nuxt 3 solution to an Azure Node Web App
For the last few days I've been trying to configure an Azure Web App using Node as runtime stack. All the guides out there talks about Static Web Apps but that does not suit my needs.
I use Github ...
- 5
0
votes
1
answer
43
views
Generate dynamic routes not adding content to index.html file
Trying to generate a project with posts where data is fetched from an api. In nuxt.config I have the following settings:
(edit: added interval and concurrency to prerender settings after reading about ...
- 532
1
vote
1
answer
587
views
Properly proxy WebSocket connection through Nuxt 3 Server
I want to proxy WebSocket Connections through a Nuxt 3 Nitro Server to enrich it with Session information for authentication. I managed to get it working to a point, where the server intercepts the ...
- 334
0
votes
1
answer
122
views
Fix one rule using Eslint (semi-colon)
I'm trying to eliminate all the semi-colons of my Vue project and I've searched how to do it with eslint command line. I've fount this pattern :
eslint --no-eslintrc --fix --rule 'rule definition here'...
- 107
0
votes
1
answer
85
views
How to change year text value date-picker in vuetify 3?
I would like to know if there is a way to edit the text value
of the years in v-date-picker in vuetify 3?
I would like to add 'test' string beside the year value.
So instead of only '2021' it would be ...
-1
votes
1
answer
103
views
setup script for more than one component from one place - Nuxt3
i use Nuxt3
I have an /components/icons folder
Inside the /components/icons there are many icons :
/components/icons/apps.vue
/components/icons/arrow-up.vue
/components/icons/bookmark.vue
/components/...
- 101
1
vote
0
answers
70
views
Nuxt 3 Route Groups and Layout Issues with Route Groups
I'm trying to create a layout that applies only to pages within a specific route group in Nuxt 3, but I'm running into several issues with different approaches.
Current Setup
My current directory ...
- 16.6k
2
votes
1
answer
217
views
Imports in Nuxt with @ or ~, which is better?
In Nuxt 3, imports can reference the project root using either ~ or @, for example:
import SubHeader from "@/components/SubHeader.vue"
vs
import SubHeader from "~/components/SubHeader....
- 11.5k
0
votes
0
answers
32
views
Nuxt interfering with Google sign-in on external API
I have an ASP.NET Core api which does authentication (username and password, google, injects jwt into cookies). I want to use that server for authentication in my nuxt app.
Right now, I'm trying to ...
- 922
0
votes
0
answers
644
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
1
answer
362
views
502 while trying to proxy requests to API (ASP.NET Core + nuxt)
I have an ASP.NET Core + nuxt setup, and trying to proxy requests that start with /api to the ASP.NET Core Web API (https://localhost:7132/weatherforecast for now).
There's a Youtube video on how to ...
- 922
0
votes
0
answers
145
views
Send custom html with OTP code using sendgrid with Custom policy results in error msg in console log
I'm trying to send an OTP code via sendgrid as part of MFA. I followed these steps described here.
But when I navigate to localhost:3000 to test the OTP, trying to login with my credentials. Nothing ...
- 4,310
0
votes
1
answer
192
views
zod schema with nested objects
I have a form with this structure.
If I group the addressfields inside an own object in the data and schema object it doesn't works.
// works
const formData = ref({
email: "",
firstName: ...
- 2,283
0
votes
1
answer
42
views
Accesssing Keycloak plugin property does not provide the right value
I'm trying to authenticate using Keycloak JS in a nuxt project, so I defined a plugin like so :
// plugins/keycloakjs.client.ts
import Keycloak, { KeycloakConfig } from "keycloak-js";
...
- 206
1
vote
1
answer
692
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,654
0
votes
2
answers
199
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 ...
- 138
0
votes
2
answers
73
views
how to use sass in the nuxt 3 module in component?
I'm making my ui library. I want to make it a nuxt module. I used sass in the components. When doing "nuxt-module-build" I get an error. I follow the syntax.
src/runtime/components/Button....
