Hello I am trying to poll my server for changes with vuejs and inertia I read this article that felt right https://renatello.com/vue-js-polling-using-setinterval/ but the problem he tries to avoid is still remaining for me I mean that if I change to...

I could have sworn that I saw someplace, either a plugin for Mix, or maybe webpack, that would allow you to extract single page vue component styles to their own stylesheet during compilation. Am I trippin? Or is this a thing and I just can't find th...

Hello, I'm trying for hours to find the problem and I don't have found any solution. I have a component ProfileComponent.vue which displays to other componants : UsersTable and SocietyForm. The society form displays correctly and the users table comp...

When you click a column header, why does my sorting not work? What is the solution? I follow this video to create a table https://www.youtube.com/watch?v=PuxibXGHeEo What I am missing I don't know The code is like below Below is the API response for...

Hello, Is it possible to use @can with VueJS like with Blade ? I have looked around but I don't have found anything. Perhaps it exists something equivalent ? Thanks for your answer. Vincent...

Hello, I'm using vue and buefy. I have 2 components : a table component and a modal component. The table displays the list of items and the modal is to add / update a new item. The table view. <div class="box"> <training-...

Hii, pls help with the following points Emmet package doesn't work in script tags or separate js file , how can i resolve this I'm creating components in Vue e.g task , how can i auto-complete it like with tab / ctrl+e or anyother shortcut key i'...

I have the following Vue component: Vue.component( 'my-functions', { props: [ 'function' ], template: `<a v-on:click="myFunction()" :id="'function-[' + function.id + ']'">Run Function</a>` } ); When I click on the b...

My vue 3 component (dropzone-cropper - laravel mix) was making a request to the laravel api (laravel 6 - passport) "/api/admin/products/upload-image" using this header: var myDropZone = new Dropzone('#myDropzone', { url: thi...

I have multiple apps hosted each on its own subdomain, backed by same organisation. I am using a template in all the projects. Is there any way to optimise the assets using some kind of caching ? Because usually the users tend to jump from one subdom...

Hi, When I do await axios.post('/materials', this.material) .catch(error => { let errors = error.response.data.errors; for (let field of Object.keys(errors)) { alert(e...

need help, i am trying to listen for data change in props but not working, export default { props: { toast: Object, }, data() { return { visible: false, } }, watch: { toast: { deep: true, handler(val, oldVa...

I'm new to vue. I've defined following folder structure: https://www.dropbox.com/s/rcy2ddabstrr911/Screenshot%202020-05-25%2015.10.26.png?dl=0 In App.vue, I tried to include style from local, <template> <div id="app"> <...

I am using Vue and Laravel in the same project. Whenever I do a Axios request as below let vm = this; var dataSend = { data: data, format: format, period: period, };...

my app layout defined globally with this code: render: (h) => h(InertiaApp, { props: { initialPage: JSON.parse(app.dataset.page), resolveComponent: (name) => import(`./Pages/${name}`).then(({...

Hello, I have installed Vue and I want to use the Bulma CSS framework in a Laravel app. I discover Buefy which is a convenient way to use Bulma with Vue. I have installed Buefy and immediately the primary bulma color changed from turquoise to purple....

The title pretty much says all. What I am trying to do is: embed some script in a page, retrieve some data from a database and update it into the page every 30 seconds also. I believe this can be done using Vue.js , but not sure how exactly to do it...

i am tring to populate data in my edit modal form. i works well with strings but not when i try arrays. My issue here is i have roles and each roles have permissions, i am using spatie/permissions package. https://spatie.be/docs/laravel-permission/v4...

Hi All, I am looking for the best way to display users shared youtube/vimeo videos. Im guessing I should use iframes but I am looking for any info anyone has. I would prefer to program it myself but I am willing to look into a Vue plugin. Thanks!...

I installed an IDM locally. Every time I previewed the file, the IDM would automatically pop up in the download box. After canceling that, the preview function not show pdf....

Okay so I have an array of products and want to get data from an API using Axios. I have managed to get the data and pass it back into my Vue js file but when I try and update the array it doesn't include any actual data, I'll try and explain further...

Hi, i want to retrieve an item (product) and send it to another page (productshow.detail). Here is my code : <template> <div class="container" v-if="product"> <div class="row" v-if="...

I have an issue with image display where it shows [object Module] for the image src. This is my webpack config const mix = require("laravel-mix"); const path = require("path"); const tailwindcss = require("tailwindcss");...

Please how do I show photos stored in laravel storage with vuejs client ?...

Hi all, I'm working on a project with laravel 7.0 and vue . After I made a npm operation (npm audit fix) I begun to obtain a lot of problems with npm compiler. I solved those confilcts, now my npm compiles all, but my site is over with this message i...

Hello, I try to use laravel 8 Sanctum in my vuejs 2 Spa app and I created 2 app. But running request from SPA page : axios.get('/sanctum/csrf-cookie').then(response => { console.log('response::') console.log(response)...

If anyone is looking for implementing this library. This is AOS library for implement a FadeIn, FadeOut and other animations in few minutes. *Code Here *I'm going to upload the code as soon as I can Let me know if its correct and works for you guys :...

I have a Laravel application with some custom Vue components and they are updated via pusher/websockets. The components are on a dashboard with dynamic data coming from a third party that hit my app via webhooks. Multiple people will access this. W...

Is there any possible way to access current authenticated user in vue js ? I'm using simple laravel auth. I tried to access in controller also but it didn't work....

I have a layout component that gets called on every page. I want to send a prop to the layout from the other component where it's being called but so far nothing is being passed. This is the layout component code <template> <div>...

I am working on displaying dynamically display image after installing package of lightgallery npm giving me error of 'lightGallery' is not defined my code <template> <div class="app-container"> <div id="lightgall...

What I Want pass an object to the Vue component being rendered to display the object's info What I'm Doing Page Controller <?php namespace App\HTTP\Controllers; use Inertia\Inertia; use App\Http\Controllers\Controller; use App\Models\project; c...

Hi, I have a question about laravel api + vue spa + ssr How to organize a project correctly? I now have a vue spa frontend and laravel api (different directories) Right now I want to add ssr using v8js (laravel-server-side-rendering). The site does n...

I'm trying to show the active nav item but so far they all show as active instead of only one. I'm using Inertia.js in case that's important. I'm getting a list of menu items that look like this $perms = [ [ 'url' => '/', 'ic...

Hello, I've imported a class 'Hex' and I tried to watch its propery named 'value'. The watcher is not working. // Hex.js export default class Hex { constructor () { this.value = ''; } } // app.js import Hex from './Hex'; new Vue({...