import-js/eslint-plugin-import
Vedi su GitHub`import/order` fixer breaks Svelte script imports
Open
#2407 aperta il 21 mar 2022
bughelp wanted
Metriche repository
- Star
- (4946 star)
- Metriche merge PR
- (Merge medio 138g 22h) (3 PR mergiate in 30 g)
Descrizione
This source:
<script lang="typescript">
import { AlertTypes, icons } from "./alert-types";
import Icon from "ui/library/components/icon/icon.svelte";
export let type = AlertTypes.Info;
</script>
produces one warning on each of the import lines. The first line produces "There should be at least one empty line between import groups - eslint (import/order)" and the second line produces "ui/library/components/icon/icon.svelte import should occur before import of ./alert-types - eslint (import/order)".
Fixing the first warning works just fine. A newline is inserted between the imports:
<script lang="typescript">
import { AlertTypes, icons } from "./alert-types";
import Icon from "ui/library/components/icon/icon.svelte";
export let type = AlertTypes.Info;
</script>
Unfortunately, fixing the remaining warning with ESLint results in this broken output:
<script lang="typescript">
import { AlIcon from "ui/library/components/icon/icon.svelte";
import { AlertTypes, icons } from "./alert-types";
export let type = AlertTypes.Info;
</script>
Note the double whitespace below the two imports.
Any idea what's going on? My goal is to get the autofix to correctly swap those two import lines and not break the source code.