Laravel+vue integration problem

This is one of the best themes, but one of the biggest shortcomings is that there is no laravel+vue starter kit.
I tried to do it following all the steps here
https://preview.keenthemes.com/metronic8/vue/docs/#/vue-laravel-integration
but I get these errors
https://i.ibb.co/s1hpbkr/Screen-Shot-2022-08-04-at-12-57-52-am.png
and
https://i.ibb.co/7JcgyKF/Screen-Shot-2022-08-04-at-12-56-09-am.png

also
npm dev run takes more than 30 minutes to run completely in my MacBook pro
and generated app.js file is around 9MB.

How can I solve it?

Can anyone please provide me a working laravel integrated vue working starter kit or folder? I will be grateful.
thanks

Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (5)

Hi,

Sorry for the late reply.

Yes there is a problem, mix task bundles all the vue files and it takes a while, we will check this problem and fix it in upcoming releases.

For now, you can consider using a different approach from the tutorial below.
https://vegibit.com/how-to-use-vuejs-with-laravel-blade/

Regards,
Lauris Stepanovs,
Keenthemes Support Team

Hi, thanks for reply and the theme.

It is surprising how other people are not having this issue or raising it considering it is such a popular theme.

I tried following that link, does that mean that i will have to kind of do it manually, linking components one by one? It looks more a vue tutorial.

Also, considering this, it would be great help to all the theme buyers if you can release vue+laravel starter up as soon as possible with urgency. It would minimize problems as well.

Also, does the vue screenshot in the item details need revision or update? It says it is using vuefity, bootstrapvue.... is the latest version with vue3 really using it?
I think it uses element plus library for vue3 isn't it?

thank you for the support.

Hi,

Yes in this approach you will need to register all components that you want to use. It will allow you to use vue components in a .blade files.

We will consider the opportunity to Vue+Laravel Starterkit in upcoming releases.

In Metronic 7 we are using Vuetify and Bootstrap-Vue but soon we will update a description up to Metronic 8 plugins/libraries.

Regards,
Lauris Stepanovs,
Keenthemes Support Team

oh thanks.
but vue components in blade file will defeat the whole purpose of the vue theme i guess and add complication for later as well. so maybe rather won't use it for now.

i have asked and waiting for vue+laravel (which is most used things) from 3-4 months now and told it would come soon. I think it should not take long. I see lots of other request in comment section.

Ya, when i bought it i thought it was using those (bootstrap vue, vuetify) and surprised and later found it is not and having to rewrite all vue pages elements in element plus now. but even with that every npm run dev takes 30 minutes that is the bigger problem.

Hi,

Even if you are using Vue components in the blade you still can use most of the Vue advantages like Virtual DOM, reactivity, e.t.c.

I think you can also try to keep a vue as a separate instance and then write API using Laravel. Check the tutorial below for that:
https://laraveldaily.com/laravel-8-vue-3-crud-composition-api/

We are sorry for this, the description needs to be updated.

Regards,
Lauris Stepanovs,
Keenthemes Support Team

Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(