Category "nuxt.js"

How to add slick carousel to Nuxt

I am basically trying to add this onto the site https://codepen.io/pnmcosta/pen/GYpxgr Placing that on one of the components and it gives the following error r

What is causing a npm install nuxt error?

I have just started a Nuxt project on WSL running Ubuntu 20.04. I am using Node.js LTS/Fermium and I installed some dependencies for the project, but when I try

nuxt-mail fails with a 504 with nginx reverse proxy

I configured nuxt-mail to send emails from our nuxt app. The baseURL of my app is changed to "https://localhost:3000/app" instead of "https://localhost:3000" So

Testing call to other functions within the same component using nuxt.js and jest

I'm trying to write a test that tests the various method calls to other methods within the same file. So far, I've written tests for two different methods, one

NUXT when is each dist folder used, html/.nuxt/dist/ html/dist/_nuxt/ html/static html/assets?

If I use: Nuxt @ v2.15.8 Environment: production Rendering: server-side Target: server In this case, which of all assets folders does NUXT use? Does NUXT in thi

Nuxt transition enter prop not triggered on initial page load

The usual transition: enter(el) function doesn't get triggered on initial page load. However, is triggered when switching to a new route. I'm using target stati

jsconfig.json gives ts errors

I am having jsconfig.json in my root directory using Nuxt.js project. And I am having an error: File '/home/mike/Documents/nuxt/node_modules/dotenv/types' not f

How to use template refs in Nuxt 3

In Nuxt2 there were template $refs that you could access in <script> with this.$refs I would like to know what is the Nuxt3 equivalent of this is. I need

Nuxt3 Vite server port

I need to config server port for Nuxt3. I try to do it so: nuxt.config.ts import { defineNuxtConfig } from 'nuxt3' export default defineNuxtConfig( vite: {

Nuxtjs: Access the data of the component from anonymous middleware

how can we access the data of the component (such as infos, similarPosts in this example) from the anonymous middleware in the nuxtjs application?

Nuxtjs: how to use img[src] rendered with ssr (for seo) and lazy loading img[data-src] on the client side?

Is it possible to use both - ssr and lazy-loading for images on the client side. Here is my situation. My markup is rendered with img[src], in my chrome browser

Toggling components depending of the current path in Nuxt

My layouts/default.vue looks like this: <template> <v-app style="background-color: transparent; color: unset"> <v-main> <ActHea

How to exclude script on certain routes in Nuxt?

I have a nuxt2-webapp with a lot of routes and for all routes except 2, I need a script to be injected. Is there a way to disable the injecting? Nuxt config: me

Property '$vuetify' does not exist on type - when using Nuxt.js with Vuetify

I have this error for a particular part in the code when accessing this.$vuetify in my Nuxt.js app. ERROR ERROR in components/equipment/QuickInfoCard.vue:21:

Property '$vuetify' does not exist on type - when using Nuxt.js with Vuetify

I have this error for a particular part in the code when accessing this.$vuetify in my Nuxt.js app. ERROR ERROR in components/equipment/QuickInfoCard.vue:21:

Vue How to fix 404 error when using nuxt proxy and nuxt axios

In my vue-app I'm using the @nuxtjs/proxy together with @nuxtjs/axios but for some reason I don't know, I always get an Request failed with status code 404 -err

How to access a injected repository from a component's method

Lets say we injected this repository on a plugin/service-container.js import nodeFetch from 'node-fetch' import { AbortController as NodeAbortController } from

Getting : npm WARN using --force Recommended protections disabled

I have an old Nuxt.js package that was developed in Node 12 and I want to use it now with Node 16 (the latest stable) but when I try to install my packages by n

how to have external link in require() in <img> tag src

I have the exact same problem as this question: Linking to images referenced in vuex store in Vue.js However, unlike the question, I have external link for src

How can one add custom http headers to Nuxt __page__ ( not static asset ! ) in Nuxt dev server?

https://github.com/hyperbotauthor/vue-chessground/tree/main/test My problem is that I have to add custom headers to my Nuxt page in order that SharedArrayBuffer