I'm trying to build a confirmation modal into a dialog containing form inputs, so i can notify the user that his changes will be lost if he closes without saving. This means displaying the modal every time the user has…
I have a website where I'm binding the video or iframe tag to the youtube link I'm getting from API. It only works properly when I'm not binding the link. This is how it is looking This is what i…
I'm trying to implement a pagination with Laravel 9 and Vue 3. But it's my first time that I'm doing this, and I don't know what to do. First, I imported my library: import { Link } from '@inertiajs/inertia-vue3'; Second,…
Given a Vue app based on Vuetify using the table component. When using this setup ( Reproduction link ) <template> <v-app> <v-main> <v-container fluid> <v-table> <thead> <tr> <th>Col 1</th> <th>Txt</th> <th>Checkbox Column</th> <th>Select ( plain txt )</th> <th>Chips</th> </tr> </thead>…
I have two applications : SPA builded with Vuejs 3 and the api builded with Laravel. the SPA is running on 127.0.0.1:5173 and the api is running on 127.0.0.1:8000 User can authenticate successfully but I have this error thrown by…
This is my js and I already finsihed var app = new Vue({ el: "#app", data: { column: { id: "ID", name: "Full Name", phone: "Phone", }, rows: [ { id: 1, name: "Test Name 1", phone: "587-917-1241" }, {…
I have a function that rounds each percentage to 1: items() { return this.data .map(item => { const perc= item.count/ number * 100 const percentage = parseFloat(perc).toFixed(1) + '%' return { ...item, percentage } }) .sort((a, b) => b.count -…
When I send a photo I get a 422 error from axios with message: The preview must be a file of type: jpg, jpeg, png, pdf. But I sent the photo in the correct format. I don't really understand where…
I have a website written in Laravel and InertiaJS (VueJS). It has more than 60 pages. InertiaJS stores all pages and components in these three files: /js/manifest.js /js/vendor.js /js/app.js The problem is the size of these files (Specially app.js) are…
I have this issue and can't figure out how to solve it, addDoc() and setDoc() functions separately without using "if" "else" work correctly, but when I use "if" "else" it gives me this error. "Error adding product to cart: TypeError:…