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

Decoupling issues


Hi all,

I am Luiz França, a software developer from Alfasoft, a company from Lisbon.

We are currently using the Metronic Theme, Vue Version, in one of our projects.

The problem lies in the fact that no one in the team managed to decouple properly the theme's components.

For example, if we try to put any specific component from the theme into the Vue project which we created, we find ourselves lost into an endless importing loop: each component requires other components that requires other libraries and so on. So it does not seems right and it looks like we are forgetting something.

I hope you can tell us what we are missing.

Our license info follows attached.

Sincerely,

Luiz França
Software Developer


G
Guest 3 years ago
Vue
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
California Business Journal 1 year ago

California Business Journal offers professional publishing services to help businesses create and share compelling content.


user
Lauris Stepanovs Author 3 years ago

Hi Luiz,

All layout-related vue components must be in src/Layout folder, so to use the layout you need to copy this folder and include the theme main style and bootstrap import.

@import "./core/vendors/plugins/plugins";

&

import "bootstrap";



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