2,634 questions
3
votes
1
answer
295
views
Picture tags in Nuxt3 lead to huge prefetch
I am making my first application with Nuxt3. I'm having a big problem with the picture tags.
Note that the ssr is enabled.
I have my pictures tags written like this:
<picture>
<source ...
- 11
0
votes
1
answer
17
views
Nuxt Seo from external api ssr
How can I get the seo of my Nuxt app from one external api, in this case strapi, and use it in my app, actually I have this, //
enter code here
import { getEnv } from "../src/utils";
import {...
- 38
2
votes
1
answer
8k
views
How to change the default route in nuxt 3?
I am trying to switch a project of mine from Nuxt.js to Nuxt 3 and I have come across a problem.
I used to have the following option in my nuxt config config file:
export default {
router: {
...
CommunityBot
- 1
0
votes
0
answers
33
views
How to configure urlPrefix in @sentry/vite-plugin to map CDN-served assets to Sentry sourcemaps in Nuxt 3 + Vue 3
I'm building a Nuxt 3 application (using Vue 3 and Vite as the default builder) and integrating Sentry for error monitoring with sourcemap uploads. My build artifacts are uploaded to a CDN (e.g., AWS ...
- 1
0
votes
2
answers
59
views
Route Query Parameter not triggering re-render/logic on same page path
I'm new to Nuxt 3 (and Vue) and running into a issue with component reuse/caching in development mode. This problem never occurs when I build and preview the application.
The Problem
I'm using a ...
- 161
3
votes
2
answers
1k
views
Nuxt 3 & Postgresql: Cannot access 'renderer$1' before initialization
I am working locally on an application built with Nuxt.js 3 and using Postgreql. I am finding that I am running into the following error message: Cannot access 'renderer$1' before initialization
1: No ...
- 51
1
vote
0
answers
912
views
Tailwind config is not respected in nuxt 3, my config options are ignored, I would like to limit tailwind to my content paths
I set up tailwind in my nuxt project and it works great to use basic tailwind styles. But the problem is I can not make any modifications to the tailwind config like changing the content paths. It ...
- 21.3k
0
votes
1
answer
370
views
Nuxt build fails on AWS Amplify: Failed to find the deploy-manifest.json file in the build output
I'm trying to deploy nuxt app on the AWS Amplify, but for some reason at the end of the build, I'm getting this error:
CustomerError: Failed to find the deploy-manifest.json file in the build output. ...
- 694
0
votes
0
answers
33
views
Rewrite Route in Nuxtjs3
I have my main nuxtjs3 project available at domain "www.domain.com". I also have a landing page (/pages/marketing/index.vue) that I want to access using subdomain "explore.domain.com&...
- 2,046
0
votes
0
answers
69
views
Custom templete with Nuxt Timeline
No matter what I do my custom template does not apply. In the timeline I always see Title first and then description. This is my code:
<template>
<div class="p-8">
<h1 ...
- 45
4
votes
4
answers
8k
views
Nuxt3 HMR not working, page reload needed for HMR to fire
I've installed and run Nuxt3 by
npx nuxi init <project-name>
cd <project-name>
npm i
npm run dev
This appeared in console:
Nuxi 3.0.0 ...
- 352
0
votes
1
answer
85
views
My slot command in deafult.vue in layouts folder is not being recognised when working with NuxtJs 3
I am still new to this, so an issue might be as silly as a typo, however neither me nor chatgpt have been able to figure it out yet. I was following a crash course about Nuxt Js where the guy who ...
- 926
0
votes
0
answers
59
views
Nuxt 4 SSR not showing HTML in source
I just started a new nuxt project (latest version). In my nuxt.config.ts I have "ssr: true" but when I look at the source code of the page, I only see some CSS (Nuxt UI) and JS but no HTML.
...
- 131
0
votes
0
answers
19
views
Questions about browser cache negotiation in Nuxt
I want to implement the cache negotiation for the public folder in the root directory. I configured it as follows in nuxt.config.ts. However, after running pnpm dev and pnpm generate, and then npx ...
-1
votes
3
answers
1k
views
v-for loop is not working in nuxt 3 project
I am trying to bind some mock data saved in a variable called whatsHappeningItems that I have in my script as a ref to send into a card component I have. When I do the v-for="whatsHappening in ...
- 1
2
votes
2
answers
5k
views
Custom error page in nuxt 3 application not working
In my pet project with Nuxt 3 v# 3.6.0 I can't set up custom error page.
In project, I have layouts (with default.vue) and pages (with index.vue) folders.
Wherever I put the error.vue file, the system ...
- 71
0
votes
1
answer
238
views
How to use nuxtjs3 useFetch pick parameter for arrays or make a deep pick?
In my nuxtjs3 project, I would like to pick the data I get from an API.
In this case, I use jsonPlaceholder. I have no problem when it comes to picking data from an object:
const { data: useFetchOnly }...
- 163
2
votes
3
answers
4k
views
Configure SASS Load Path in Nuxt 3
I have my SCSS partials in my Nuxt 3 project's assets/css directory (e.g. assets/css/_cards.scss). I can import them in my components using the full path (@use '~/assets/css/cards';), but I'm having ...
- 409
0
votes
1
answer
44
views
webdatarocks custom element hides then pivot on fullscreen mode
I use nuxt 3, and webdatarocks.
For toolbar i created new btn that calls "dialog" with select and options.
function customizePivotToolbar(toolbar) {
const tabs = toolbar.getTabs();
tabs....
- 81
0
votes
0
answers
905
views
Notion API : "API token is invalid" on production
I am working on a web platform using Nuxt 3 and Notion as my backend through the official API. I use it through this SDK : https://www.npmjs.com/package/@notionhq/client
Everything is working great on ...
- 14.5k
0
votes
0
answers
51
views
nuxt build error: appendHeader is not defined
I have the following problem: there is no issue when I run npm run dev everything works fine. However, when I run npm run build I get the following error:
Console:
[plugin @tailwindcss/vite:generate:...
- 313
0
votes
0
answers
74
views
How to Use Public Assets from the Root of a Monorepo in Nuxt 3 with Nuxt Content instead of projects public/
I have a monorep based set-up where all shared static assets live in <repo>/public/img. I’d like every Nuxt app under <repo>/apps/… to reference those images directly. I’d like all of my ...
- 3,642
0
votes
1
answer
83
views
How to write types for alias imports in a Nuxt module?
I've been looking for ways of writing types for an alias to a file which contains a default export.
I have not been to come across a working solution as my editor keeps underlining the alias import ...
- 112
8
votes
3
answers
5k
views
Nuxt3 using typescript with useFetch and transform option
I'm using useFetch to fetch an array of strings string[] with the transform option to transform it from array to object.
I tried the code below:
type ReceivedData = [string, string, string];
...
- 140
0
votes
0
answers
11
views
Nuxt 3 prerender dynamic routes with a payload
When my project was in Nuxt 2 I used the generate async routes function in my nuxt.config.js to prerender routes using data from Contentful.
I would fetch all the relevant Contentful data then map ...
- 3,039