Category "vue.js"

@nuxtjs/auth Why refresh page always redirect to login

I can't refresh page or open new tab of secure page after refresh or new tab will redirect me to login again Version Nuxt.js v2.9.1 @nuxtjs/module: 4.8.4 s

Autocomplete Vue Js

I try to add autocomplete in vue js. But it not working correctly. Selected value 'one' show in v-select label when page loaded, but itemsList doesnt show in dr

Is it possible to turn that into '<script setup>' ? I try many ways but missing something maybe

Is it possible to turn that into <script setup> ? I try many ways but missing something maybe. Need help ! <script> import ProductsAPI from '../

Vue filepond - Change dimensions

I'm using a Vue Filepond and would like to make it fill the height of its container. I'm also using Vuetify. If I try setting the values in the CSS it gets over

In Nuxt 3, can I specify a global sub-directory for all routing

I would like to specify a global sub-directory that precedes all routing, for both client and API endpoints. So: https://my-site.com/dir/api/* (for all API rout

Switch off vuex-persist if using IE

In my vuex store I use the vuex-persist plugin which works great, in all modern browsers. It doesn't work in IE11 and I would like to be able to switch off the

How to close a modal by clicking on the backdrop in Vue.js

I have created a simple reusable modal component using Vue.js and it works fine, but I want to make so that when I click on the backdrop the modal closes, how c

How to switch Vue.js to production mode in Laravel?

Since Vue.js is comes already installed in Laravel, I'm not sure how to set it to production mode. When I launch my website I get the message in console: Y

ESLint Vue multiword components

Is there a way to stop getting error from ESLint for single word view name in Vue3? Every time I run ESLint, I get following message: 1:1 error Component na

How to separate script section of Vue file to another file?

A vue file in my project has become too big. I wanted to seperate its script section into a js file. In js file, I export the Vue object; export default new Vu

Vue3 default value in select options

how would I add a default value to this template. the default value would be the first option in the list which is 'Please Select...' <template #dropDownSe

Apex chart Charts order in Mixed chart

I'm currently using the library ApexChart and more particulary Vue apex chart combined with nuxt. I'm building a dashboard and I'm trying to build a mixed chart

Deep link routing to Android/IOS app in vue js

When the user visits the mobile website via android/ios iphone, it should be redirected respective apps in their phone. If they still didn't install the respect

How to serve a Vue application over HTTPS for local development

I need to serve a vue application over HTTPS while doing local development. The application is being served with: npm run serve which runs: vue-cli-service ser

How to visualize a v-chart in an v-for where each object is the data of the v-chart?

I want to generate dynamically some v-charts from Echarts in a v-for. The data for the v-or is comming from the vuex store and is correct. I get a dictionary,

Vue.js: How to specify props in single file component?

I'm defining a single file component I want to use props option on that component. But where can I add the code? <template> <div class="hello">

ant design customize theme vue

i got my vue3 application setup so far with tailwind, and ant design but can't customize ant design theme i am following this guide i got this error error in

How to set the type for the state object in pinia?

I'm making a chess game and I am using Vue 3 and TypeScript with Pinia for the state management. I want to do something like the following: export const useStor

Vue.js - Remove specific component dynamically

I am trying to dynamically create/remove a Vue component. I have figured out how to dynamically add the component, but I am having some troubles with allowing t