vues | quickest way to run vuejs client | Frontend Framework library

I have a form that contain a list of v-select managed by Vue js, all select in my application is managed by this module and other input field are a sample html field. when i clone the form with jquery I lose all action click in my select. anyone has any idea on how to add with jquery the html cloned of v-select as a Vue component ? The vue select is managed like this:

I am trying to convert my vue app to nuxt app. In my vue app I used vue-slick-corousel with ease. But the same code with necessary modifications for nuxt, the corousel is not working on refresh. If I edit the template real time or navigate the app without refreshing the page, it works perfectly on second time visiting the page(s). Here is how I used vue-slick-corousel in my nuxt app

At first to point, i have seen a lot of similar problems here on stackoverlow, but no one is relatable to this example...

I am working on Vue JS project + Laravel so everything was going smoothly but suddenly i got error that cannot solve (from my perspective everything is correct).

Basically I am using Vuesax library too.

So i have projects table with edit button @click="editProject(project) and the called method is...

I have a SPA with multiple " custom modules", let´s say 'Module A' and 'Module B'. These modules are very different in nature, and Module A uses several "complex" Vue components and javascript/typescript files (resources) which is irrelevant to Module B, and vice versa.

The user can choose to switch between these modules. I would like to only load the relevant resoures depending on the the user´s choice, so all of the resources in Module A isn´t cluttering up the browsers memory, when Module B is chosen. I am using Webpack for bundling. Is this possible in a SPA?

Maybe an alternate solution could be to use Vue´s 'v-if' or '

I am working with Vue and Laravel, I want to save data to the database, but I can not get the id of the selected category as I showed in the below picture, I can get other data like body and title. I don't know where is the problem. please help me.

This my code:

I'd like to implement a user guide using this https://github.com/shipshapecode/vue-shepherd on my nova.

I changed a file webpack.mix.js.dist to webpack.mix.js (inside nova directory).

Then I did :

I am having issues trying to make vue-splide work outside of nuxt dev, after generating the static or the spa, it doesn't work properly.

Changing the target in nuxt.config.js from static to SPA doesn't solve the problem. Instead of using nuxt generate I also tried nuxt build and the results are the same.

The two pictures are here:

The slider is working only in one of them, as it can be seen.

Any help on making it work properly so I can deploy the site?

nuxt.config.js

Has anyone tried to use a Vue solution in Nuxt as a plugin or a module?

I'm having lots of challenges trying to do this the right way!

I'm trying to import Splide Vue slider from NPM into Nuxt and after you install it via NPM, there seems to be a challenge on how to import it into a splide.js file in plugins then try to address it in nuxtconfig.js as a plugin. I get all sorts of errors.

here are my files:

nuxt.config.js