Changing parameter with vue 3 router route

Hi I was trying to change a router parameter of a vue router. My route is the following : /document/:id?/:lang?/edit Id and lang (language) being the parameters. I want to change the ...

How to make Vue 3 props objects reactive?

This code is from a VueMastery course, which must be outdated: export default { setup(props, {emit}){ let email = props.email; let toggleRead = () => { email.read = !email.read ...

Running Vue3/Vite with backend-ish node server

While I've seen plenty about SSR for Vue3/Vite, sadly it can't be that easy. Thanks to work's wacky saml setup, the authentication API breaks on the frontend, but can't sit on a separate domain, ...

Cannot play audio from Google Cloud Storage

Please help. I can not play my audio file. It is hosted in Google Cloud Storage, it works if I just rin it in a localhost server but when I use the uploaded one. I often get (failed)net::...

(Why) does .forEach() mutate vuex state?

I grab two sets of balances from my vuex state and merge them into a new array of entries. why is an error thrown when i iterate over my copies of the vuex state? am i missing something? .filter() ...

How to sum total in table vuejs?

There are two rows of data row, <tr v-for="(data, index) in result_estimate.item_tabel" :key="index"> <td> <pre> sub total : {{ambilaja(formatPrice(...

VueX Store and multiuser system

I have no doubt this is explained and answered in various places, but I can't find it and have been given a very short deadline to find out. As I understand it, the point of the Store is to save you ...

Dependency conflict with VueJS3 and Vuetify3

I have a VueJS 3 project with which I want to use Vuetify 3 (^3.0.0-alpha.0), however, upon adding Vuetify I started getting dependency conflicts. I also created a new empty VueJS 3 project with ...

Customising column sort order in v-data-table

I have an array auditResult(the data came from response.data.data) that have value like -internalID -fieldName -OldValue -NewValue I have a table <v-data-table :items="auditResults" :headers="...

Headers in data-table(icons and few JSON )

To create a table, I want to use additional JSON - "tdTyp". Without data-table, I created a similar table using v-for and everything worked: <td>{{ td.status }}</td> <td>{{ ...

Time and Date picker type='datetime-local'

I have two text-field html elements to pick start and end date/time respectively. How to make start date/time less than end date/time? <v-text-field id="setTime" outlined type=&...

Vuetify breakpoints not working in Nuxt.js

I'm working on a project using Nuxt.js as SSR engine and Vuetify as styling framework. In one of my templates I have such code: <v-layout row wrap align-center :class="{ 'mb-4': $vuetify....