`import/order` fixer breaks Svelte script imports
#2,407 opened on Mar 21, 2022
Repository metrics
- Stars
- (4,946 stars)
- PR merge metrics
- (Avg merge 138d 22h) (3 merged PRs in 30d)
Description
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.