Super Sale Limited Time 50% OFF for All-Access Plans
Save 50% Now
Light
Dark
System
Ask  Question

Import HTML version on existing Vue3 project


I don't want to use the Vue3 version.

Instead I want to simply create a vue3 project form scratch and just import the theme...

I tried several ways, but could get it to work.



What would be the basic setup to simply have the metronic theme on an newly and clean vue3 project.



Thank you,

AP


G
Guest 2 years ago
Vue HTML
3 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 (3)

user
Lauris Stepanovs Author 2 years ago

Hi,

Thank you for reaching out to us.

If you don't want to use the entire Vue version as a starting point, you can pick and choose specific theme elements to add to your project.

The necessary styles are located in demo1/src/assets/sass. To include them in your project, import the style files from this folder into src/App.vue as shown below:

@import "assets/sass/plugins";

@import "assets/sass/style";


If you wish to utilize our Keenicons icon set, copy the src/assets/keenicons folder. These icon styles also can be imported in src/App.vue:

@import "assets/keenicons/duotone/style.css";

@import "assets/keenicons/outline/style.css";

@import "assets/keenicons/solid/style.css";


In src/App.vue, you can find imports for plugin styles. Customize these imports based on the specific plugins you intend to use.

For theme dynamic elements like drawers, menus, steppers, and more, make sure to copy the src/assets/ts folder and include TypeScript component initialization from the file core/plugins/keenthemes.ts.

Please let us know if you have any further questions on this topic or anything else.

Regards,
Lauris Stepanovs,
Keenthemes Support Team


G
Guest 2 years ago

Thank you for your reply,
But its not working... a lot of dependencies ar missing and those paths are not correct..

Could you send me a zip file with a blank working project for me to check?

Regards,
AP


user
Lauris Stepanovs Author 2 years ago

Hi,

Are you getting any error messages?

Regards,
Lauris Stepanovs,
Keenthemes Support Team


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