Fix position of a side-effect import about eslint-plugin-simple-import-sort HOT 2 CLOSED

Hi!

So the library won’t let you import something from it without also causing a side effect? Sounds like bad design to me. Wouldn’t it be better to let the user manage the side effect explicitly, like import 'vue-bootstrap/global' and import VueBootstrap from 'vue-bootstrap'?

Either way, you could always add two imports anyway – one for the side effect and one for the VueBootstrap import.

import "vue-bootstrap";
import "./assets";
import "@/store";
import "@/other/local/module";

import Vue from "vue";
import VueBlahBlah from "vue-blah-blah";
import VueBootstrap from "vue-bootstrap";

Does that work for you? I’d really like to avoid adding // simple-import-sort comments if not needed. I especially won’t add it for a imaginary library :)

from eslint-plugin-simple-import-sort.

Thanks for the advice. Importing it twice makes sense, somehow it didn't occur to me. Indeed, that's a reasonable workaround compared to the complexity of supporting magic comments.

Also, I didn't seem to find the particular library doing that. I remember I once had it in a project of mine, but it eludes me in which one. I'll close the ticket. (If I recall which library it was, I'll comment additionally.)

from eslint-plugin-simple-import-sort.