So in my app.js i registered a toast vue plugin like this: import { createApp, h } from 'vue'; import { App as InertiaApp, plugin as InertiaPlugin } from '@inertiajs/inertia-vue3'; import { InertiaProgress } from '@inertiajs/progress'; import Toaster...

Hello, I have an upload field in vue where I submit a form with a picture attached. But in some cases I may want to duplicate this record, meaning that all the fields are copied to a new form as well as the image attached to this record. How can I re...

I have getters in vuex defines as: getters: { files: (state) => { return state.files } }, I receive the following error: [vuex] getters should be function but "getters.files" in module "files" is []....

anyone have experience with nuxt? i have problem to add component into sweetalert2 on nuxt framework (vuejs) I share some source code on below: <template> <div> <a class="bold ml-1" role="button" @click=&qu...

Trying to use an icon from font awesome in my vue component. I already run the npm install for font awesome for laravel. So my app.scss: // Fonts @import url('https://fonts.googleapis.com/css?family=Nunito'); // Variables @import 'variables'; // Bo...

I want to show component only if have more than 10 jobs; but this is not working? <div v-if="jobs.length > 10"> <example-component ></example-component> </div>...

Hi everyone, I have a bootstrap-vue Table, and I have a Stock entity in which I have a product_id foreign key. When the table pops up, it returns the product id's, but I want that the table fetch the product name. Indeed, I am looking for a tutorial...

Hello, I'm trying starting learning Vue with Laravel. I've created a very simple project to start, but I'm running into a problem I don't know how to solve. When I try to compile my project using Laravel Mix I get this error: × Mix Compiled with s...

Hello, A typical htaccess with laravel vue is: <IfModule mod_rewrite.c> <IfModule mod_negotiation.c> Options -MultiViews -Indexes </IfModule> RewriteEngine On # Handle Authorization Header RewriteCond %...

Hi, im looking how to delete and Edita row in Boostrap-vue Datable this is my Controller // edit post public function edit($id) { $produit = Produits::find($id); return response()->json($produit); } // update post...

Hello, i can't display the image on my Bootstrap-vue Datable here is my code <b-table :striped="striped" :bordered="bordered" :borderless="borderless"...

Hi, I have for example 4 elements in an array and each has sub-elements. For example I want to access under the element quantity and take the quantity from all 4 and calculate it in a variable for example this.cartItems.forEach(element => console...

Hi, I try to figure out strange problem playing with vue/nuxt SPA related to saving cookies. I have two apps - Vue SPA as front and laravel as API. Im using Sanctum but all above isnt important I think. And scenario: SPA send GET on http://localhost:...

Hi there, I am looking for a way to handle the following situation: A user can have the access to different sections of a site: post (policy: viewAll) users (policy: viewAll) Now I'd like to use my new Laravel policies to grant or deny access to ac...

<tbody class="bg-white bg-opacity-90"> <template v-if="jobs"> <tr v-for="job in jobs" :key="job.id" class="font-normal text-gray-600"> /...

Hi, I would like to set up a CRUD, in Laravel and so far the Create, Read and Delete have worked fine. I get the error Error: Request failed with status code 500 when i want to update the product element. Here is my code: 1- my update code in vue upd...

There is my app.js import Vue from './bootstrap'; import VueRouter from 'vue-router'; import router from './router'; import store from './store/index'; import App from './layouts/App.vue' import { sync } from 'vuex-router-sync' sync(store, router);...

I was in an attempt to use Vue 3 in my application. I followed some guides from internet. But I can't make it to work. Whenever i open up dev tool, there is an error saying 'Vue is not a constructor'. resources/js/app.js require('./bootstrap'); wind...

I'm trying to calculate a value from 2 input boxes and then get the subtotal of them and the issue I'm having is that when I type in a number in the first box my output is NaN instead of 0. Here is my code <template> <div class="con...

Hi there, I am looking for advice for a simple components case. I have a list of tasks that I want to edit in a dedicated form. When i edit a task in the form, I don't want the task in the list to be live edited. I want (later) to save in in Ajax bef...

I can't seem to figure this extremely simple thing out. In Vue 2, you can emit from a child component directly to the v-model. How do you do this in Vue 3? $emit('input', $event.target.value) <thing v-model="whatever" /> https://v3...

So I need to grab my product's name so I can save it with a bunch of other data, the problem I have is that I don't know how to add both the v-model and value. Here is my code <template> <div class="content-header">...

How do I update a field in a row that is being dynamically created in a table. I am passing the data to v-select and I would like to use the same data that user has selected. What i am trying to acheive I am trying to search product.. I am using [v-s...

I am getting this error: app.js?id=37395f80948d4d99f537:2 Uncaught ReferenceError: VUE_PROD_DEVTOOLS is not defined at Module.5166 (app.js?id=37395f80948d4d99f537:2) When I run a new Laravel 8 install with Jetstream, having run npm run prod. It works...

My validation error response is this. { "message":"The given data was invalid.", "errors":{ "start":[ "The start field is required." ], "end":[ &quo...

I have a page where I'm looping and for every product that I have and what I would like is for a count of the rows that I have. So for example if I have 3 rows then I would like this <tbody> <tr> <td> 1 </td>...

What is the best practice to persist auth user info in SPA? Is it a good practice to store it in local storage( i.g. localStorage.getItem('authUser') ), or widow object ( i.g. window.user) ? Should I send a request to the server every time I want to...

I'm trying to create a page where my product's amount will automatically get calculated, the problem I'm having is that my computed property isn't calculating the amount. Here is my code <template> <div class="content-header"&g...

Hello All, I recently installed Laravel / Breeze / Inertia and as a first try I decided to show Vue version on the Welcome page (like Laravel et Php versions) I didn't succeed, neither I found st valuable on the net (I never work with Vue.js before)...

Solved....

I'm trying to add functionality to input date fields so as when the users enters in digits, slashes "/" get automatically added. (text filed) <v-text-field v-model="a" label="...

I'm following the laracast on building a forum. Am currently in episode 32. I am using Laravel 7. When I do everything as explained, and edit a reply, and then push the "update" button, I get the wrong message form the Chrome network inspe...

I have a page that is supposed to calculate the total amount of items in a cart. The problem I'm having is that I'm not sure how to add it. Here is my code <template> <div class="content-header"> <div class="...

I'm trying to create a form that will update a product's pricing when adding the unit amount of the product and a price of the product, but when I type into one of my textboxes I end up getting this error The specified value "unit_product_1&quo...

I'd like to use Inertia to use Vue in a Laravel 8 application, but I don't understand if I have to run the scaffolding command to use it. The problem is that this command creates a lot of other files that I don't use, and I would like for it to just...