import-js/eslint-plugin-import
Voir sur GitHub`import/order` fixer breaks Svelte script imports
Open
#2 407 ouverte le 21 mars 2022
bughelp wanted
Métriques du dépôt
- Stars
- (4 946 stars)
- Métriques de merge PR
- (Merge moyen 138j 22h) (3 PRs mergées en 30 j)
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.