Super Sale Limited Time 50% OFF for All-Access Plans
Save 50% Now

How to Integrate Provided Demos for Metronic 9 in Vue?


First of all thank you for the theme.

The question arises that how to implement the demos from this page: https://keenthemes.com/metronic/tailwind/docs/ ?

There's React and HTML but not Vue. Does that really mean one needs to fully convert everything from the downloaded dist/ folder for specific demo into Vue manually?

I see you have the mini CMS but I already bought the theme meaning these demos at least should be available in Vue as well?



Best wishes!


Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (3)


Hi,

Metronic 9 does not have native Vue version. However you can use Metronic 9 HTML/JS in your Vue app by referring out integration guide https://keenthemes.com/metronic/tailwind/docs/getting-started/integration/vue and starterkit app for demo1 https://github.com/keenthemes/metronic-tailwind-html-integration

Regards,
Sean



Furthermore it doesn't explain essentially anything how to start integrating the Demos from HTML, missing scripts and a lot more. I followed your exact tutorial and got the demo running but what now? The docs doesn't say how to start with the components, dashboards and other pages in general. At this state the version 9 is broken in my honest opinion.



Hi,

The above starterkit shows how those html/js features can be moved into vue app and initialzie it. Other pages you can copy and paste and use as you go. However we don't have a full vue version of Metronic 9 Tailwind.

If Metronic 9 Tailwind does not meet your requirements you can request a refund via

Regards,
Sean


Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(