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
Replies (3)
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
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
Hi,
Are you getting any error messages?
Regards,
Lauris Stepanovs,
Keenthemes Support Team
