Super Sale Limited Time 50% OFF for All-Access Plans
Save 50% Now
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 year ago
Vue Tailwind 4
2 Answers
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 (2)

user
thavorac chun 1 year ago
Deleted comment
user
Lauris Stepanovs Author 1 year 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 Author 1 year 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
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  :(