On the inital page load I am loading specific products, however I want to partially load in missing products based on a foreign key. For this to work I was thinking about returning two props from my controller in Laravel.…
I really hope someone can help me So I have a SPA Laravel project and have a page of products with a delete button, which works fine, the following code is what I use inside the "Index.vue" import { ref…
I have a CRUD system specifically for updates, I have tried to update the data and all the data is updated correctly except the images. this is my controller code: public function update_book(Request $request, $id) { // dd($request->all()); $book =…
I have a Laravel + Inertia + VueJS app. I want to use SSR (server-side rendering) for better SEO. The commands I have used until now (with Inertia, but without SSR) have been these: npm run dev (to run the…
I have this strange issue. I've a web application in Vue 3 with Inertia, incorporating forms. When I open two browsers and log out in one, then trigger an Ajax request in the other, it reaches the middleware. This is…
I have a problem with the accumulation of query params when I choose a new filter to my select. How can I keep the current filter with each change ? Here my select : import SelectInput from '@/Components/SelectInput'; import {…
I want to use method destroy to delete one or more users, so it suppose to recieve an array and then delete whatever values given: public function destroy(Request $request) { // DB::table('users')->whereIn('id', $request->user)->delete(); dd(var_dump($request->user)); } However, the method recieves it…
I have a file named Test.vue and inside this file I have an img tag: <img src="../../img/map.jpg" alt="Map" /> This works fine and after running npm run build everything will be generated successfully and image will be displayed. Now, I…
I want to select the associated value of the input select form handleInput in select component to make an issue C:xampphtdocslaravel-projectclub_member_ship_fypresourcesjsComponentsInputSelect.jsx: Unexpected token, expected "..." (11:59) 14 | <div className="mb-2"> <InputLabel htmlFor="membershipType" value="Select Membership Type" /> <InputSelect options={memberShipType} handleInput={handleInput} id="memberShipTypes"…
So I have this component included in my main layout file, it looks like this: <script setup> import {usePage} from "@inertiajs/vue3"; import {computed} from "vue"; const page = usePage() const message = computed(() => page.props.flash.message) if (message) { Swal.fire({ text:…