Category "vue.js"

How to pass styles to child component and use it as scoped style in Vue?

I have a parent component: <template> <ChildComponent :styles="styles" /> </template> <script> export default { data: () =>

In Nuxt, how do you pass data from layouts to pages?

For example, in my /layouts/sidebar.vue I have the following code: <template> <div class="mainContainer"> <nuxt :date-sidebar="'This is

VueJS and Firebase, history mode 404 error when refresh

I removed the hashbang in the link with history mode in my router file. Now when I refresh a page I got the 404 error. I tried to follow this link then, I add

Vue3 (Vite) directly access parent data from child component

I have a simple landing page using Vue3 Vite (SSG) without Vuex. I need to pass a screenWidth value being watched in App.vue to a bunch of child components so t

Access this.<module> from within Nuxt plugin

Is there any way I can access a JS API exposed by a Nuxt module from within a client-side plugin? Context: I'm using Buefy/Bulma, which is loaded like this in n

How can i make sure a vuex action has finished before the page loads

I have 2 issues where i pull data from an api and use it. However, the page loads before the api request has completed. My first problem is in the router. I hav

vuetify icon not showing

I am using vue.js and vuetify. I want to add an icon but it is not working as expected (not rendered). How can I fix this? Please refer to the following code: m

Antd customRender return raw html

I need to generate html code in a customRender function of one column. I cannot use scopedSlots as suggested here, since the html code is part of e generic comp

Access-Control-Allow-Origin multiple values with Spring Boot and Vue.JS

I have this class for CORS on my API: import org.springframework.context.annotation.Configuration; import org.springframework.web.servlet.config.annota

Getting "throw new Error('Callback was already called.')"

I've been getting this bizarre error out of the blue when I run npm run build (built the program many times before). C:\Users\PomoJota\node_modules\neo-async\as

TypeScript, Vue, and MirageJS: Problems with TS compile errors

The problem: I am required to use Vue and MirageJS in a TypeScript web app, and in that web app, I get TS compile errors. The code: import { Server, Model } fro

Vuex - Do not mutate vuex store state outside mutation handlers

Why do I get this error: Error [vuex] Do not mutate vuex store state outside mutation handlers. What does it mean? It happens when I try to type in the edit i

Export default was not found

I have a Vue 2 project, and I've written a simple function for translating months in dates, which I would like to import in one of my components, but I'm gettin

Vue 3 setInterval Methods behavior

Env I have a Vue 3 Application which requires a constant setInterval() to be running in the background (Game Loop). I put that in store/index.js and call it fro

'vue' is not recognized as an internal or external command

everything was installed correctly. but whenever I try to create project, it says "'vue' is not recognized as an internal or external command". I installed and

Split PDF into multiple files based on QR code

I have a scanned pdf which consists of combined answer scripts of students for given exam. In the last page of every student's answer script, they will be a qrc

Do I have to fix audit issues of the latest nuxt.js?

I am trying to use nuxt for my app, but when I run "yarn audit", there are some audit issues which are dependencies of nuxt. Do I have to fix these audit issues

How to load a component from a variable name in Vue.js?

I want to load a component from a dynamic variable name in my vue.js application. I have the following component registered: <template id="goal"> <

Error while importing a module with optional chaining

Project setup: Vuejs 3 Webpack 4 Babel TS We created the project using vue-cli and add the dependency to the library. We then imported a project (Vue Currency

How to add Font Awesome to Vue and Nuxt.js project?

I was trying like add as following.. css: [ '@/assets/front_end/fontawesome-free-5.15.3-web/css/fontawesome.css' ], But it showing as image like