scripts.bundle.js not working properly in laravel inertia js with vue3

i had a problem with my metronic template demo 5 i am using laravel inertia js with vue3

laravel:v9.2
php:v8.0.2
vue:v3
inertia:v0.6

the scripts.bundle.js is not loaded properly it causes problem in


  1. User Account Menu (KTMenu) not working on click or hover

  2. SideBar not working

  3. every toggle action like collapse,dropdown,accordion is not working

this is my root template code in blade

https://github.com/ahmadrivaldi-arv/metronic_/blob/master/app.blade.php

and the layout

https://github.com/ahmadrivaldi-arv/metronic_

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 (1)

Hi Ahmad,

At the moment, our team hasn't tried Interia together with Metronic, we will check Interia and will consider using it in Metronic in the upcoming future.

Could you please check your browser console for errors?

I assume that you might have problems with our js files when trying to use them in the SPA version since we are initializing our main js files only on first page load, when you go to another page without refreshing, components used inside a page will not be working. You will need to trigger our component initialization functions on every page separately. You can refer to the initialization file in our Vue version src/core/plugins/keenthemes.ts.

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  :(