Open-source by Keenthemes!Support our KtUI and ReUI open-source projects and help with growth.
Star on Github
Light
Dark
System
Ask  Question

Set up Metronic 9.2.0 on VueJs


I follow the instruction here, but i can't make it works: https://keenthemes.com/metronic/tailwind/docs/getting-started/integration/vue

It mentioned that Tailwindcss is not required, but in src/assets/metronic/css/styles.css, it clearly import tailwindcss. This cause error and i can't continue.

Also i see you recommend using composer, but i don't to spend another 99$. Can i make it work without using composer?


user
thavorac chun 1 week ago
Vue Tailwind 4
2 Answers
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 (2)

user
thavorac chun 4 days ago
Deleted comment
user
Lauris Stepanovs Author5 days ago

Hi,

We recently released an update for our Vue integration app, you can find updated integration guide in https://github.com/keenthemes/metronic-tailwind-html-integration/tree/main/metronic-tailwind-vue.

Please let me know if you need any further assistance with integration.

Regards,
Lauris Stepanovs,
Keenthemes Support Team


user
Sean Author1 week ago

Hi,

Sure, for Vue you do not need Composer.

We will provide you shortly, we are updating our Vue guide for v9.2.9 and also Vue starterkit will be updated shortly:
https://github.com/keenthemes/metronic-tailwind-html-integration

Regards,
Sean


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