When manually testing my Nuxt app, clicking on the switch element works, and it changes my global variable. But in the Cypress test, the switch remains switched off even if the click event runs successfully. Test in cypress CLI My…
I'm building a website and I'm fetching some data in some scroll components but I want a loading screen when someone opens the website till everything is done so they won't load one by one (the page doesn't look great…
This is the code I was using for the authentication front-end, but 2 days ago the following error appeared and I was asking myself how to fix the warning... but I couldn't figure it out how to solve it. Warning:…
When using the Nuxt/Image module and building the application, the image URLs are being changed to https://domain.x/_ipx/_/images/foods/Appetizaer/Garlic-Bread.png. However, the images cannot be loaded due to an error. Clicking on the provided link displays the following message: [500] [IPX_ERROR] Something went…
I have a Nuxt3 application where a blog article is loaded from Firestore using an ID that is passed as a path variable. To make my site more SEO friendly, I want to populate Nuxt title and meta tags (<Title>…
I'm trying to populate page title and meta tags with dynamic data coming from api for seo purpose. but unable to get it in view-page-source I've tried useHead, useSeoMeta and useServerSeoMeta with reactive properties. but all these functions called before…
I've been struggling to reproduce this button : Specifically I can't seem to find how to make the border invisible around the check icon. At the moment it's "finished" except for this part. It's a nuxt3 component and it looks…
Let's say we have following pages: /profile-edit: A private page, where the user can edit his profile let's call him "Sam James". /profile/sam-james: A publicy available profile page (like LinkedIn, Facebook etc., which should have very good SEO and performance…
My Nuxt 3 app needs to run some possibly heavy string-related calculations so I want to move them in worker: // /assets/workers/test.ts // import someStuff from "my-package-in-node_modules" console.log('Hello from worker!'); onmessage = () => { /* Do stuff... */ }…
I am using NuxtJS with Nuxt3 and in my component, I want to update the head of the page with dynamic opengraph meta data. In my component, I am showing a gallery and for that I am fetching the data…