The documentation is very bad. It does not have proper way configuring.

I having svg of maps of countries stored in /assets/maps/{country}.svg.

I installed nuxt-svgo to dynamically import map svg as vue component and then add some functionality like hovering on "state/province" path it will change color, showtooltip.

But then the weird magic of nuxt-svgo is happening.

First of all it just completely make my maps svg as icon by adding nuxt-icon class to it which make it 16 by 16 px.

Second the config documentation is very bad. I mean how i can configure it keep viewbox.

Even if i import it as component by adding defualtImport:"component" in nuxt config is importing as component right but by adding svgo:false it just remove many path tags from svg. I mean WTF

Even by just adding svgConfig in nuxt config file. Boom half of your svg paths are gone.

Nuxt is getting bloated with bad plugins