kytos-ng / ui

Kytos Admin UI
MIT License
0 stars 3 forks source link

vue3-sfc-loader strips classes from template/html #116

Open HeriLFIU opened 1 week ago

HeriLFIU commented 1 week ago

The vue3-sfc-loader strips classes from the template/html. I believe this is due to the loaders it utilizes since they do some minification and trimming, which removes some stuff from the Vue single file components in an attempt to clean it up and make it more efficient.

Without classes the style/CSS cannot be applied to the template, there are a few possible solutions to this:

  1. From my observations classes are removed but IDs are not, so all classes can be replaced with IDs.
  2. A function could be made that utilizes something like jquery to set the style of specific elements.
  3. A more extreme case would be integrating the vue3-sfc-loader and modifying it to achieve the desired results.

Additional notes:

  1. If the class existed within the main UI bundle it is unaffected and will not be stripped/removed.