After commit, variable is still reactive

I'm trying to commit a new task. The expected result should be 'created task with title' but the title is empty because 'formData' is still reactive. Here is code example: // index.vue <form class=&...

How make different request in Vuetify Chip

I would like to make different API call for each chip. Let me explain I currently have 4 vuetify chips and I would like for example in the chip 'ideal', get the url of this axios request: '/lnk/plant/...

Building Chrome Extensions with Vuejs and Vuecli

I'm currently building a Chrome Extension with a vuejs powered frontend. This worked pretty great using vuecli. Up until the point at which the app started using the Webextension-API. Normal websites ...

Vue.js computed property showing wrong data

I have a leaflet project and I am using a Vue computed property to show the coordinates of a layer. I am implementing functionality to edit the coordinates directly in the block that renders the ...

Vue.js component inline style concatenation

I'm stuck with a vue.js component inline style concatenation. My code is the following: components: { 'twitter-item': { props: ['procolors'], template: '\ <div class="color-quadrat"...

Creating a dynamically stepper in vue

I found some great stepper examples here: https://vuetifyjs.com/en/components/steppers/ Yet, I have multiple steps and most of the code is the same. Only thing that is really changing is: The title ...

Convert multiple class name to one class in html

i am using tailwind pre defined css in my vue project . <p class="bg-white text-black focus:text-red focus:bg-white-2 dark:text-white dark:bg-black dark:focus:bg-black-2 dark:focus:text-yellow&...

V-model on existing data from external api

ran into a bit of an issue. I'm running a next js frontend with a laravel + inertia custom cms, I have my next js app setup so that I can read translation files via an API call to display inside of ...

Async Jasmine unit test wrong order

I have a onBlur function which gets executed when the blur on an input is activated. Inside this async onBlur function I await the response from another function. When I try to test this the order of ...

Vuetify treeshaking not working with webpack

I can't figure out why vuetify treeshaking isn't working on my app, since i followed every steps described here. Am I missing something ? I'm not using vue CLI, but webpack 5 with vuetify loader. Here ...

Keep alive for just one particular route

Is there any way to restrict keep-alive to only one specific route? https://router.vuejs.org/api/#router-view This keeps all the routes in memory: <keep-alive> <router-view></...