What version of stylelint, prettier and stylelint-prettier are you using?
prettier: 1.16.3
stylelint: 9.10.1
stylelint-config-prettier: 5.0.0
stylelint-prettier: 1.0.6
Please paste any applicable config files that you're using (e.g. .prettierrc or .stylelintrc files)
// prettier.config.js
module.exports = {
arrowParens: 'always',
endOfLine: 'lf',
semi: false,
singleQuote: true
}// stylelint.config.js
module.exports = { extends: ['stylelint-prettier/recommended'] }What source code are you linting?
// stylelint_prettier_issue.scss
$variants: (
error: $danger,
info: $info,
success: $success,
warning: $warning
);
@each $variant, $color in $variants {
.message-box--#{$variant} {
.message-box__icon {
color: $color;
}
}
}<!-- stylelint_prettier_issue.vue -->
<script>
export default {
name: 'StylelintPrettierIssue'
}
</script>
<template>
<div />
</template>
<style lang="scss" scoped>
$variants: (
error: $danger,
info: $info,
success: $success,
warning: $warning
);
@each $variant, $color in $variants {
.message-box--#{$variant} {
.message-box__icon {
color: $color;
}
}
}
</style>What did you expect to happen?
No errors.
What actually happened?
$ npx stylelint stylelint_issue.scss stylelint_prettier_issue.vue
stylelint_prettier_issue.vue
13:13 ✖ Replace "⏎··error:·$danger,⏎··info:·$info,⏎··success:·$success,⏎·" with "·error:·$danger,·info:·$info,·success:·$success," prettier/prettier
18:3 ✖ Replace "⏎⏎@each·$variant,·$color·in·$variants·{⏎·" with "·@each·$variant,·$color·in·$variants·{" prettier/prettier
22:1 ✖ Replace "····.message-box__icon·{⏎······color:·$color;⏎····}⏎··}⏎" with ".message-box__icon·{·color:·$color;·}·}·" prettier/prettier
What version of
stylelint,prettierandstylelint-prettierare you using?prettier: 1.16.3
stylelint: 9.10.1
stylelint-config-prettier: 5.0.0
stylelint-prettier: 1.0.6
Please paste any applicable config files that you're using (e.g.
.prettierrcor.stylelintrcfiles)What source code are you linting?
What did you expect to happen?
No errors.
What actually happened?