Category "vue.js"

Ignore locale prefix for specific route in nuxt-i18n module

For all pages, I need the locale prefix. But for the profile page, I want to ignore it. All pages except profile /{en|da|sv}/path Profile page /peter.hansen I

How to use sass global variables from other components in vite/vue3

I want to use and change global variables from other components, my files structure looks like this... enter image description here I have my variables in globa

Vue js with laravel not geting api data and response

this is Vue js component please help me to get data in template. getting data from vue js api in console i got undefined. Not getting blogList Data please help

Focus event unit test doesn't works in Vuejs / Jest

I want to create a unit test for two events, on focus and on blur. I am using vueJS and jest. handleFocus(event) { if (this.blured === true)

Watch Vue 3 global variable for changes

I set a provider in my main.ts file: app.provide('currentPage','test1') And then inject it in a component Home.vue: inject: ['currentPage'], I then can update i

Is there a way to have a vue component whose template only contains the text of a property?

Is there a way to have a vue component which has a template area that only contains plain text? The problem I face with the current solution (using a div to wra

How to access vue router in Vuex store module actions with Quasar framework?

I am using Quasar Framework v2 Beta Vue 3 Composition Api Vuex 4 Typescript My problem: When I import router and try to redirect User in Vuex store module actio

Laravel Vuejs Uncaught (in promise) ChunkLoadError: Loading chunk blogs-component failed

I have a Laravel + Vuejs project and while everything works fine on local development, 2 pages are throwing the ChunkLoadError. I have looked at other issues on

How to start nuxt project on IP Address

This might be a stupid question since it seems pretty simple, but I can't get my nuxt project to run on my IP address. The Nuxt.js docs say that I have to put t

NuxtJS Page is created twice

I am currently facing an Issue in NuxtJS where a method is called twice and a request is therefore sent twice. This happens in a page and the method which is ca

error /node_modules/node-sass: Command failed

When I tried install vue store front in my local but when I tried "yarn install" command I get following error. How can I solve this error? How can I solve this

How i send data from .js to .vue

How can I send data from a function in a .js file to a .vue File .js function editCoupon(id) { window['coupon_id'] = id coupon_id = id } File .vue expo

How to define `name` and `inheritAttrs` in `<script setup>`?

Options API: <script> import { defineComponent } from 'vue' export default defineComponent({ name: 'CustomName', // 👈 inheritAttrs: f

Configure el-date-picker

Does someone know, how to configure a el-date-picker in element-plus to set the first day of week. The docs say it configurable via day.js but not to use config

Vue3: Uncaught TypeError: 'set' on proxy: trap returned falsish for property 'NewTodo'

I got an error message: Uncaught TypeError: 'set' on proxy: trap returned falsish for property 'NewTodo' That error appear when im trying to reset the input tex

Why doesn't fetch work in store's nuxtServerInit?

For my project I'm using Nuxt. In the store's action I have this piece of code: async nuxtServerInit({ commit }) { this.dispatch('fetchAllClients') }, async f

Pass value from vuejs view once and use common for all controllers in laravel?

After logging in, I let it go to the home page to choose to access one of the two tools: <button @click="checkTool(1)" class="btn btn-lg mr-2">Tool 1</

I want a way to give path to my files which are outside of public folder in laravel

suppose <link rel="stylesheet" href="{{asset('css/style.css')}}"> helps to get style.css file which is in public folder but similarly how can I access f

Nuxt Error : Cannot read properties of null (reading 'addEventListener') default.vue and index.vue not rendering

I'm using nuxt.js and vuesax as an UI framework, I did modify my default.vue in /layouts with a basic navbar template exemple from vuesax. Then I used @nuxtjs/r

How to use multiple Curve's Stroke style at The Same Time - ApexChart

I got a problem while using ApexChart and struggling so much on how do I could remove the one that I give 'X'? So basically, what I want to achieve is like the