I have a component for v-select, for example like this <v-container> <v-row> <v-col> <v-select class="no-border" variant="underlined" label="Select" :items="['California', 'Colorado', 'Florida', 'Georgia', 'Texas', 'Wyoming']" ></v-select> </v-col> </v-row> </v-container> And i try to remove using css like this .v-input--underlined .v-input__control { border:…
I'm trying to optimize the page load and after doing a lighthouse review i found out that vendor.js file is 5MB and doesn't use dead code elimination, although, I'm using dynamic imports, so vendor.js file should be smaller, obviously I'm…
I'm using the native HTML dialog element as a modal in my Vue 3 app and I've successfully displayed a button to the side/outside of the modal by using absolute positioning. However, due to the nature of dialog elements and…
I'm trying to add/remove strings from a local data array in a method and my logic always ends up with the array always having only a single string, that being the one passed to the updateIdArr method. Even if I…
In this example I have an object that got a name as a string parameter and a function that just logs this const me = reactive({ name: "foo", sayHi: function () { console.log("Hi I am : ", this); }, });…
I need to pass an array from component A (App.vue) through component B to component C. What I do is this (this first step works, just read it to understand): // A.vue <script setup> import B from "./B.vue"; import {…
I have the problem with the markers where the images/symbols of the series markers are not centered and reviewing the html properties I find the following where the translate of the image contains transform: translate(-50, -50); and when I put…
I am working on a laravel10 / vue3 project. i use npm run dev to compile the assets and everything seems to work fine. i tried to run npm run build for the first time and i got this error:…
this is the json response i get in my dom { "resource": "services", "status": "success", "data": [ { "service_id": "0001", "service_name": "Buy Airtime", "service_type": "airtime" }, ] } this is how my template <li v-for="service in responseObject"> {{ service }}…
im new to firebase and vue 3 and i have prob dealing with upload to storage, i am uploading the file (image) on firebase and want to store it to firestore with all other data from inputs, i was able…