Get 2024 Templates Mega Bundle!$1000 worth of 19 Bootstrap HTML, Vue & React Templates + 3 Vector Sets for just $9
Get for 99$

Metronic 9 Tailwind in Vue


Hi,

The I have followed the vuejs instruction in detail but get so many errors.


Example per the instruction the location of these files are wrong
//////////////////////////////////////////////////////
// Main style
@import "./assets/css/styles.css";

// Keenicons
@import "./assets/static/fonts/keenicons/duotone/style.css";
@import "./assets/static/fonts/keenicons/outline/style.css";
@import "./assets/static/fonts/keenicons/solid/style.css";
/////////////////////////////////////////////////////


Could it be possible for you to generate a demo that we can reuse?


Many thanks


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


Hi,

Sorry for the delay in reply.

We were revising our documentation and found a few issues and missing steps, we are planning to release a doc update by tomorrow with the latest fixes.

Here are the correct style file paths:

@import "./theme/vendors/keenicons/outline/style.css";
@import "./theme/vendors/keenicons/solid/style.css";
@import "./theme/vendors/keenicons/filled/style.css";

@import "./theme/css/styles.css";


Please let us know if you have experienced any other errors or problems.

Regards,
Lauris Stepanovs,
Keenthemes Support Team



Hi ,

Many thanks for coming back with a response.

I have tried the new updates and still have any errors.

Also some minor errors with the instructions

'&amp;&amp;'

/////////////
npm install @popperjs/core &amp;&amp; npm install --D tailwindcss postcss autoprefixer mini-svg-data-uri postcss-import postcss-loader postcss-nesting postcss-preset-env
//////

I think it will be easier to just generate the templates for vue, angular and react so users can download.

Going thru the comments, many people have similar issues like i do.

Thanks



Hi,

This problem is fixed already, instead of &amp;&amp; you should use &&. Please see the updated docs here.

Let us know if you have further questions regarding our guide or anything else.

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