Get 2024 Templates Mega Bundle!14 Bootstrap, Vue & React Templates + 3 Vector Sets
Get for 99$

Inquiry Regarding Livewire3 Integration and Upcoming Theme Release


I am reaching out to you as we are currently facing challenges integrating our existing theme with Livewire3. Our application is in production, and the issues we are encountering are impacting its performance.

We understand that technology evolves, and we appreciate the efforts put into the development of Livewire3. However, we are eagerly awaiting the release of a compatible theme for Livewire3 to address the issues we are currently facing.

Could you please provide information on when the Livewire3-compatible theme is expected to be released? Any insights or timelines you can share would be immensely helpful for our planning and decision-making process.


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


We have recently released Laravel with support for Livewire 3. If your application is currently running on Laravel with Livewire 2, you can upgrade to Livewire 3 using the upgrade command.

We recommend referring to the official Livewire documentation's upgrading section, available at the following link:

https://livewire.laravel.com/docs/upgrading

If you have any further questions, please don't hesitate to reach out.



We have purchased theme on 26 December 2023, we are using metronic_v8.2.1. Through this command its not upgrading lot of codes.

Could you please let us know when you have released the laravel with livewire 3?



Also when I am adding yarn add slim-select package

I am getting below after when building assets:

Error [ERR_REQUIRE_ESM]: require() of ES Module C:\xampp\htdocs\metronics-theme-livewire3\node_modules\wrap-ansi\index.js from C:\xampp\htdocs\metronics-theme-livewire3\node_modules\cliui\build\index.cjs not supported.
Instead change the require of index.js in C:\xampp\htdocs\metronics-theme-livewire3\node_modules\cliui\build\index.cjs to a dynamic import() which is available in all CommonJS modules.



Hi

Metronic Laravel with Livewire 3 is in version v8.2.2, you can download the latest version from http://devs.keenthemes.com/metronic/laravel

Thanks



I have already upgraded these things or more than that, some npm packages is not working and wire:navigate is not working it stops the js.
I have followed all the steps which was given in the other tickets.



Hi Mukesh Ghodela,

I apologize for the inconvenience. It seems there is issue with the JavaScript reinitialization when using wire:navigate.

We are working on finding a solution. It appears that there might be a need for the JavaScript to reinitialize every time a link is navigated through wire:navigate.

You could try to add wire:ignore to the div part that JavaScript stopped working.

Thank you, and we'll do our best to fix it. In the meantime, please use normal a href link without wire:navigate.

Thanks



No problem at all! Thanks for the update, please keep us posted.
Also is there any planing to migrate from webpack to vite as we can not use ESM npm packages.


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