Category "nuxt.js"

NuxtJS Auth Proxy

Then using nuxtjs/auth and nuxtjs/axios nuxt is ignoring my proxy configuration. In past I have used just axios for auth. Now I am trying to use the @nuxtjs/aut

How to setup SASS/SCSS/sass-loader in Nuxt

I have a Nuxt app and I want to use the CSS pre-processor. I installed the sass-loader fibers dependencies, but after installation, a message appears in the ap

NuxtJS ignore webpack/chokidar watchers for specific file or folder

I'm using NuxtJS' serverMiddleware for logging. It works on every route. import { logger } from './utils/logger'; module.exports = function(req, res, next){

How to mock $nuxt object in vue-test-utils and jest

I am using vue-test-utils and jest in order to test my code. My test run without any problem except if it pass through the code below $nuxt.$store.commit("devi

how to import a json file using vite dynamicly

I am using vue-i18n in a Nuxtjs project, and I want to import my locale files with vite dynamicly. when I am using webpack, those code run well plugins/i18n.js

How to redirect in Nuxtjs when the return query of Graphql is empty

I'm very new to Nuxtjs and javascript world. The Nuxtjs project I'm working on required fetching data from Backend (Strapi) using Graphql. The goal is to make a

v-bind on link href does not work but only in production (Nuxt static site)

I am trying to bind a generated link to a button. The link is generated based on parameters passed in the URL. The code roughly looks like this: <a :hr

How can we set a default value of a v-text-field of vuetify in nuxtjs?

I am new to vuejs and nuxtjs and at my company they are using vuetify. I need to set default value as 0 to v-text-field fields in the application but I cant fin

"[Vue warn]: Invalid Component definition" in Jest when importing an SVG in Nuxt JS

I have an error exclusively in my Jest unit test when I import an SVG in the component being tested: console.error node_modules/vue/dist/vue.common.dev.js:630

NuxtJs dynamic open graph tags are not working

i am trying to set up a dynamic open graph meta tags using the following code async asyncData({ app, route }) { let postDetails = await app.$axios.g

Error with eslint and vue/comment directive

Hello I was just running my website and I have 20 errors like this : Module Error (from ./node_modules/eslint-loader/dist/cjs.js): error clear vue/comment-di

Include external javascript file in a nuxt.js page

I have a relatively simple question. I am trying to implement the widget from this codepen in Nuxt.js. Here's my code, which works fine if I use RAW HTML: &l

How to process 301 redirects with Nuxt ServerMiddleware and Apollo GraphQL

I am currently building a Vue / Nuxt app coupled with a modified Saleor installation to sell products online. As we are migrating from an existing system we ne

error:0308010C with nuxt JavaScript after usingg legacy provider

I try to install vendure e-commerce and when I run yarn dev in vsf-vendure directory who operates the front page for the store I got error Error: error:0308010C

UpdateOptions() method leads to an error [vue-apexcharts]

Nuxt plugins\apexCharts.js import Vue from 'vue'; import VueApexCharts from 'vue-apexcharts'; Vue.use(VueApexCharts); Vue.component('ApexChart', VueApexCharts)

How to implement asynchronous middleware in Nuxt.js

I have a Nuxt middleware file that fetches the session from an external api. This session is used to set things such as locale, so it's important that it is fet

setup Google Analytics 4 in nuxt.js

I'm having issues setting up a new Google Analytics 4 (GA4) account with Nuxt. Everything seems configured ok based on tutorials, however my traffic doesn't sh

NuxtJs app returns 401 after log in with laravel sanctum

I'm trying to build a PWA with NuxtJS and Laravel is in the backend for the API. I use Laravel Sanctum for API auth and also I have NuxtJS auth module, I can lo

Nuxt & Vuetify: how to control the order in which CSS files are loaded?

In my Nuxt/Vuetify app I'm trying to load my custom CSS after Vuetify's CSS, but Vuetify's CSS gets loaded afterwards no matter what. I tried to reverse the ord

How to wait for the middleware to finish before loading the page

I am on Vue2 and Nuxt. I want ended my requests in middleware before load page. How create that ? How can I wait for the end of my request before loading my pag