eslint-plugin-svelte 2.1.1 → 2.2.0

package/README.md

@@ -83,6 +83,7 @@ This plugin provides configs:
 
 - `plugin:svelte/base` ... Configuration to enable correct Svelte parsing.
 - `plugin:svelte/recommended` ... Above, plus rules to prevent errors or unintended behavior.
+- `plugin:svelte/prettier` ... Turn off rules that may conflict with [Prettier](https://prettier.io/) ([prettier-plugin-svelte](https://github.com/sveltejs/prettier-plugin-svelte)).
 
 See [the rule list](https://ota-meshi.github.io/eslint-plugin-svelte/rules/) to get the `rules` that this plugin provides.
 
@@ -360,7 +361,7 @@ If you want to test only one rule, run the following command (for `indent` rule)
 yarn test -g indent
 ```
 
-Take https://stackoverflow.com/questions/10832031/how-to-run-a-single-test-with-mocha as reference for details.
+Take <https://stackoverflow.com/questions/10832031/how-to-run-a-single-test-with-mocha> as reference for details.
 
 If you want to test only `my-test-input.svelte`, add `my-test-config.json` and save `{"only": true}`.  
 (Note that `{"only": true}` must be removed before making a pull request.)

package/lib/configs/prettier.d.ts

@@ -0,0 +1,13 @@
+declare const _default: {
+    extends: string[];
+    rules: {
+        "svelte/first-attribute-linebreak": string;
+        "svelte/html-quotes": string;
+        "svelte/indent": string;
+        "svelte/max-attributes-per-line": string;
+        "svelte/mustache-spacing": string;
+        "svelte/shorthand-attribute": string;
+        "svelte/shorthand-directive": string;
+    };
+};
+export = _default;

package/lib/configs/prettier.js

@@ -0,0 +1,19 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+const path_1 = __importDefault(require("path"));
+const base = require.resolve("./base");
+const baseExtend = path_1.default.extname(`${base}`) === ".ts" ? "plugin:svelte/base" : base;
+module.exports = {
+    extends: [baseExtend],
+    rules: {
+        "svelte/first-attribute-linebreak": "off",
+        "svelte/html-quotes": "off",
+        "svelte/indent": "off",
+        "svelte/max-attributes-per-line": "off",
+        "svelte/mustache-spacing": "off",
+        "svelte/shorthand-attribute": "off",
+        "svelte/shorthand-directive": "off",
+    },
+};

package/lib/index.d.ts

@@ -33,6 +33,18 @@ declare const _default: {
                 "svelte/valid-compile": string;
             };
         };
+        prettier: {
+            extends: string[];
+            rules: {
+                "svelte/first-attribute-linebreak": string;
+                "svelte/html-quotes": string;
+                "svelte/indent": string;
+                "svelte/max-attributes-per-line": string;
+                "svelte/mustache-spacing": string;
+                "svelte/shorthand-attribute": string;
+                "svelte/shorthand-directive": string;
+            };
+        };
     };
     rules: {
         [key: string]: RuleModule;

package/lib/index.js

@@ -28,10 +28,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 const rules_1 = require("./utils/rules");
 const base_1 = __importDefault(require("./configs/base"));
 const recommended_1 = __importDefault(require("./configs/recommended"));
+const prettier_1 = __importDefault(require("./configs/prettier"));
 const processor = __importStar(require("./processor"));
 const configs = {
     base: base_1.default,
     recommended: recommended_1.default,
+    prettier: prettier_1.default,
 };
 const rules = rules_1.rules.reduce((obj, r) => {
     obj[r.meta.docs.ruleName] = r;

package/lib/rules/button-has-type.js

@@ -35,8 +35,12 @@ exports.default = (0, utils_1.createRule)("button-has-type", {
         type: "suggestion",
     },
     create(context) {
-        var _a;
-        const configuration = Object.assign({ button: true, submit: true, reset: true }, ((_a = context.options[0]) !== null && _a !== void 0 ? _a : {}));
+        const configuration = {
+            button: true,
+            submit: true,
+            reset: true,
+            ...(context.options[0] ?? {}),
+        };
         function isButtonType(type) {
             return type === "button" || type === "submit" || type === "reset";
         }

package/lib/rules/first-attribute-linebreak.js

@@ -7,6 +7,7 @@ exports.default = (0, utils_1.createRule)("first-attribute-linebreak", {
             description: "enforce the location of first attribute",
             category: "Stylistic Issues",
             recommended: false,
+            conflictWithPrettier: true,
         },
         fixable: "whitespace",
         schema: [
@@ -26,9 +27,8 @@ exports.default = (0, utils_1.createRule)("first-attribute-linebreak", {
         type: "layout",
     },
     create(context) {
-        var _a, _b;
-        const multiline = ((_a = context.options[0]) === null || _a === void 0 ? void 0 : _a.multiline) || "below";
-        const singleline = ((_b = context.options[0]) === null || _b === void 0 ? void 0 : _b.singleline) || "beside";
+        const multiline = context.options[0]?.multiline || "below";
+        const singleline = context.options[0]?.singleline || "beside";
         const sourceCode = context.getSourceCode();
         function report(firstAttribute, location) {
             context.report({

package/lib/rules/html-quotes.js

@@ -18,6 +18,7 @@ exports.default = (0, utils_1.createRule)("html-quotes", {
             description: "enforce quotes style of HTML attributes",
             category: "Stylistic Issues",
             recommended: false,
+            conflictWithPrettier: true,
         },
         fixable: "code",
         schema: [
@@ -45,13 +46,12 @@ exports.default = (0, utils_1.createRule)("html-quotes", {
         type: "layout",
     },
     create(context) {
-        var _a, _b, _c, _d, _e, _f;
         const sourceCode = context.getSourceCode();
-        const preferQuote = (_b = (_a = context.options[0]) === null || _a === void 0 ? void 0 : _a.prefer) !== null && _b !== void 0 ? _b : "double";
-        const dynamicQuote = ((_d = (_c = context.options[0]) === null || _c === void 0 ? void 0 : _c.dynamic) === null || _d === void 0 ? void 0 : _d.quoted)
+        const preferQuote = context.options[0]?.prefer ?? "double";
+        const dynamicQuote = context.options[0]?.dynamic?.quoted
             ? preferQuote
             : "unquoted";
-        const avoidInvalidUnquotedInHTML = Boolean((_f = (_e = context.options[0]) === null || _e === void 0 ? void 0 : _e.dynamic) === null || _f === void 0 ? void 0 : _f.avoidInvalidUnquotedInHTML);
+        const avoidInvalidUnquotedInHTML = Boolean(context.options[0]?.dynamic?.avoidInvalidUnquotedInHTML);
         function canBeUnquotedInHTML(text) {
             return !/[\s"'<=>`]/u.test(text);
         }

package/lib/rules/indent-helpers/commons.d.ts

@@ -9,6 +9,7 @@ export declare type MaybeNode = {
 };
 export declare type IndentOptions = {
     indentChar: " " | "\t";
+    indentScript: boolean;
     indentSize: number;
     switchCase: number;
     alignAttributesVertically: boolean;

package/lib/rules/indent-helpers/es.js

@@ -729,7 +729,10 @@ function defineVisitor(context) {
         },
     };
     const v = visitor;
-    return Object.assign(Object.assign({}, v), commonVisitor);
+    return {
+        ...v,
+        ...commonVisitor,
+    };
 }
 exports.defineVisitor = defineVisitor;
 function getParent(node) {

package/lib/rules/indent-helpers/index.js

@@ -31,7 +31,15 @@ const ast_1 = require("./ast");
 const eslint_utils_1 = require("eslint-utils");
 const offset_context_1 = require("./offset-context");
 function parseOptions(options, defaultOptions) {
-    const ret = Object.assign({ indentChar: " ", indentSize: 2, switchCase: 1, alignAttributesVertically: false, ignoredNodes: [] }, defaultOptions);
+    const ret = {
+        indentChar: " ",
+        indentScript: true,
+        indentSize: 2,
+        switchCase: 1,
+        alignAttributesVertically: false,
+        ignoredNodes: [],
+        ...defaultOptions,
+    };
     if (Number.isSafeInteger(options.indent)) {
         ret.indentSize = Number(options.indent);
     }
@@ -39,6 +47,9 @@ function parseOptions(options, defaultOptions) {
         ret.indentChar = "\t";
         ret.indentSize = 1;
     }
+    if (typeof options.indentScript === "boolean") {
+        ret.indentScript = options.indentScript;
+    }
     if (options.switchCase != null && Number.isSafeInteger(options.switchCase)) {
         ret.switchCase = options.switchCase;
     }
@@ -152,7 +163,11 @@ function defineVisitor(context, defaultOptions) {
         options,
         offsets,
     };
-    const nodesVisitor = Object.assign(Object.assign(Object.assign({}, ES.defineVisitor(indentContext)), SV.defineVisitor(indentContext)), TS.defineVisitor(indentContext));
+    const nodesVisitor = {
+        ...ES.defineVisitor(indentContext),
+        ...SV.defineVisitor(indentContext),
+        ...TS.defineVisitor(indentContext),
+    };
     const knownNodes = new Set(Object.keys(nodesVisitor));
     function compositingIgnoresVisitor(visitor) {
         for (const ignoreSelector of options.ignoredNodes) {
@@ -171,7 +186,9 @@ function defineVisitor(context, defaultOptions) {
         }
         return visitor;
     }
-    return compositingIgnoresVisitor(Object.assign(Object.assign({}, nodesVisitor), { "*:exit"(node) {
+    return compositingIgnoresVisitor({
+        ...nodesVisitor,
+        "*:exit"(node) {
             if (!knownNodes.has(node.type)) {
                 offsets.ignore(node);
             }
@@ -218,6 +235,7 @@ function defineVisitor(context, defaultOptions) {
                     };
                 }
             }
-        } }));
+        },
+    });
 }
 exports.defineVisitor = defineVisitor;

package/lib/rules/indent-helpers/offset-context.js

@@ -126,9 +126,8 @@ class OffsetContext {
         }
     }
     ignore(node) {
-        var _a;
         const range = node.range;
-        const n = (_a = this.ignoreRanges.get(range[0])) !== null && _a !== void 0 ? _a : 0;
+        const n = this.ignoreRanges.get(range[0]) ?? 0;
         this.ignoreRanges.set(range[0], Math.max(n, range[1]));
     }
     getOffsetCalculator() {
@@ -183,13 +182,12 @@ class OffsetCalculator {
         return null;
     }
     saveExpectedIndent(tokens, expectedIndent) {
-        var _a;
         for (const token of tokens) {
             const offsetInfo = this.offsets.get(token.range[0]);
             if (offsetInfo == null) {
                 continue;
             }
-            offsetInfo.expectedIndent = (_a = offsetInfo.expectedIndent) !== null && _a !== void 0 ? _a : expectedIndent;
+            offsetInfo.expectedIndent = offsetInfo.expectedIndent ?? expectedIndent;
         }
     }
 }

package/lib/rules/indent-helpers/svelte.js

@@ -10,7 +10,7 @@ function defineVisitor(context) {
     const { sourceCode, offsets, options } = context;
     const visitor = {
         SvelteScriptElement(node) {
-            offsets.setOffsetElementList(node.body, node.startTag, node.endTag, 1);
+            offsets.setOffsetElementList(node.body, node.startTag, node.endTag, options.indentScript ? 1 : 0);
         },
         SvelteStyleElement(node) {
             node.children.forEach((n) => offsets.ignore(n));

package/lib/rules/indent-helpers/ts.js

@@ -542,7 +542,7 @@ function defineVisitor(context) {
             }
             if (decorators[0] === node) {
                 if (parent.range[0] === node.range[0]) {
-                    const startParentToken = sourceCode.getTokenAfter(decorators[(decorators === null || decorators === void 0 ? void 0 : decorators.length) - 1]);
+                    const startParentToken = sourceCode.getTokenAfter(decorators[decorators?.length - 1]);
                     offsets.setOffsetToken(startParentToken, 0, atToken);
                 }
                 else {
@@ -730,6 +730,11 @@ function defineVisitor(context) {
         },
     };
     const v = visitor;
-    return Object.assign(Object.assign(Object.assign(Object.assign({}, v), commonsVisitor), extendsESVisitor), deprecatedVisitor);
+    return {
+        ...v,
+        ...commonsVisitor,
+        ...extendsESVisitor,
+        ...deprecatedVisitor,
+    };
 }
 exports.defineVisitor = defineVisitor;

package/lib/rules/indent.js

@@ -8,6 +8,7 @@ exports.default = (0, utils_1.createRule)("indent", {
             description: "enforce consistent indentation",
             category: "Stylistic Issues",
             recommended: false,
+            conflictWithPrettier: true,
         },
         fixable: "whitespace",
         schema: [
@@ -17,6 +18,7 @@ exports.default = (0, utils_1.createRule)("indent", {
                     indent: {
                         anyOf: [{ type: "integer", minimum: 1 }, { enum: ["tab"] }],
                     },
+                    indentScript: { type: "boolean" },
                     switchCase: { type: "integer", minimum: 0 },
                     alignAttributesVertically: { type: "boolean" },
                     ignoredNodes: {

package/lib/rules/max-attributes-per-line.js

@@ -5,10 +5,9 @@ function isSingleLine(node) {
     return node.loc.start.line === node.loc.end.line;
 }
 function groupAttributesByLine(attributes) {
-    var _a, _b;
     const group = [];
     for (const attr of attributes) {
-        if (((_b = (_a = group[0]) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.loc.end.line) === attr.loc.start.line) {
+        if (group[0]?.[0]?.loc.end.line === attr.loc.start.line) {
             group[0].push(attr);
         }
         else {
@@ -23,6 +22,7 @@ exports.default = (0, utils_1.createRule)("max-attributes-per-line", {
             description: "enforce the maximum number of attributes per line",
             category: "Stylistic Issues",
             recommended: false,
+            conflictWithPrettier: true,
         },
         fixable: "whitespace",
         schema: [
@@ -47,9 +47,8 @@ exports.default = (0, utils_1.createRule)("max-attributes-per-line", {
         type: "layout",
     },
     create(context) {
-        var _a, _b, _c, _d;
-        const multilineMaximum = (_b = (_a = context.options[0]) === null || _a === void 0 ? void 0 : _a.multiline) !== null && _b !== void 0 ? _b : 1;
-        const singlelineMaximum = (_d = (_c = context.options[0]) === null || _c === void 0 ? void 0 : _c.singleline) !== null && _d !== void 0 ? _d : 1;
+        const multilineMaximum = context.options[0]?.multiline ?? 1;
+        const singlelineMaximum = context.options[0]?.singleline ?? 1;
         const sourceCode = context.getSourceCode();
         function report(attribute) {
             if (!attribute) {

package/lib/rules/mustache-spacing.js

@@ -5,14 +5,13 @@ const utils_1 = require("../utils");
 const ast_utils_1 = require("../utils/ast-utils");
 const VALUE_SCHEMA = { enum: ["never", "always"] };
 function parseOptions(options) {
-    var _a, _b;
     return {
-        textExpressions: (options === null || options === void 0 ? void 0 : options.textExpressions) || "never",
-        attributesAndProps: (options === null || options === void 0 ? void 0 : options.attributesAndProps) || "never",
-        directiveExpressions: (options === null || options === void 0 ? void 0 : options.directiveExpressions) || "never",
+        textExpressions: options?.textExpressions || "never",
+        attributesAndProps: options?.attributesAndProps || "never",
+        directiveExpressions: options?.directiveExpressions || "never",
         tags: {
-            openingBrace: ((_a = options === null || options === void 0 ? void 0 : options.tags) === null || _a === void 0 ? void 0 : _a.openingBrace) || "never",
-            closingBrace: ((_b = options === null || options === void 0 ? void 0 : options.tags) === null || _b === void 0 ? void 0 : _b.closingBrace) || "never",
+            openingBrace: options?.tags?.openingBrace || "never",
+            closingBrace: options?.tags?.closingBrace || "never",
         },
     };
 }
@@ -22,6 +21,7 @@ exports.default = (0, utils_1.createRule)("mustache-spacing", {
             description: "enforce unified spacing in mustache",
             category: "Stylistic Issues",
             recommended: false,
+            conflictWithPrettier: true,
         },
         fixable: "code",
         schema: [

package/lib/rules/no-inner-declarations.js

@@ -22,8 +22,7 @@ exports.default = (0, utils_1.createRule)("no-inner-declarations", {
                 return (0, eslint_core_1.buildProxyListener)(coreListener, (node) => {
                     return (0, eslint_core_1.getProxyNode)(node, {
                         get parent() {
-                            var _a;
-                            if (((_a = node.parent) === null || _a === void 0 ? void 0 : _a.type) === "SvelteScriptElement") {
+                            if (node.parent?.type === "SvelteScriptElement") {
                                 return node.parent.parent;
                             }
                             return node.parent;

package/lib/rules/no-unknown-style-directive-property.js

@@ -34,11 +34,10 @@ exports.default = (0, utils_1.createRule)("no-unknown-style-directive-property",
         type: "problem",
     },
     create(context) {
-        var _a, _b, _c, _d;
         const ignoreProperties = [
-            ...((_b = (_a = context.options[0]) === null || _a === void 0 ? void 0 : _a.ignoreProperties) !== null && _b !== void 0 ? _b : []),
+            ...(context.options[0]?.ignoreProperties ?? []),
         ].map(regexp_1.toRegExp);
-        const ignorePrefixed = (_d = (_c = context.options[0]) === null || _c === void 0 ? void 0 : _c.ignorePrefixed) !== null && _d !== void 0 ? _d : true;
+        const ignorePrefixed = context.options[0]?.ignorePrefixed ?? true;
         const knownProperties = new Set(known_css_properties_1.all);
         function validName(name) {
             return (name.startsWith("--") ||

package/lib/rules/prefer-class-directive.js

@@ -8,6 +8,7 @@ exports.default = (0, utils_1.createRule)("prefer-class-directive", {
             description: "require class directives instead of ternary expressions",
             category: "Stylistic Issues",
             recommended: false,
+            conflictWithPrettier: false,
         },
         fixable: "code",
         schema: [],
@@ -39,7 +40,10 @@ exports.default = (0, utils_1.createRule)("prefer-class-directive", {
                         return false;
                     }
                     for (const [expr, str] of sub) {
-                        result.set(Object.assign(Object.assign({}, key), { chains: expr }), str);
+                        result.set({
+                            ...key,
+                            chains: expr,
+                        }, str);
                     }
                 }
                 else {

package/lib/rules/prefer-style-directive.js

@@ -12,6 +12,7 @@ exports.default = (0, utils_1.createRule)("prefer-style-directive", {
             description: "require style directives instead of style attribute",
             category: "Stylistic Issues",
             recommended: false,
+            conflictWithPrettier: false,
         },
         fixable: "code",
         schema: [],

package/lib/rules/require-optimized-style-attribute.js

@@ -30,8 +30,7 @@ exports.default = (0, utils_1.createRule)("require-optimized-style-attribute", {
                 });
             },
             SvelteAttribute(node) {
-                var _a;
-                if (node.key.name !== "style" || !((_a = node.value) === null || _a === void 0 ? void 0 : _a.length)) {
+                if (node.key.name !== "style" || !node.value?.length) {
                     return;
                 }
                 const root = (0, css_utils_1.parseStyleAttributeValue)(node, context);

package/lib/rules/shorthand-attribute.js

@@ -8,6 +8,7 @@ exports.default = (0, utils_1.createRule)("shorthand-attribute", {
             description: "enforce use of shorthand syntax in attribute",
             category: "Stylistic Issues",
             recommended: false,
+            conflictWithPrettier: true,
         },
         fixable: "code",
         schema: [
@@ -26,9 +27,8 @@ exports.default = (0, utils_1.createRule)("shorthand-attribute", {
         type: "layout",
     },
     create(context) {
-        var _a;
         const sourceCode = context.getSourceCode();
-        const always = ((_a = context.options[0]) === null || _a === void 0 ? void 0 : _a.prefer) !== "never";
+        const always = context.options[0]?.prefer !== "never";
         return always
             ? {
                 SvelteAttribute(node) {

package/lib/rules/shorthand-directive.js

@@ -8,6 +8,7 @@ exports.default = (0, utils_1.createRule)("shorthand-directive", {
             description: "enforce use of shorthand syntax in directives",
             category: "Stylistic Issues",
             recommended: false,
+            conflictWithPrettier: true,
         },
         fixable: "code",
         schema: [
@@ -26,9 +27,8 @@ exports.default = (0, utils_1.createRule)("shorthand-directive", {
         type: "layout",
     },
     create(context) {
-        var _a;
         const sourceCode = context.getSourceCode();
-        const always = ((_a = context.options[0]) === null || _a === void 0 ? void 0 : _a.prefer) !== "never";
+        const always = context.options[0]?.prefer !== "never";
         function reportForAlways(node) {
             context.report({
                 node,

package/lib/rules/spaced-html-comment.js

@@ -7,6 +7,7 @@ exports.default = (0, utils_1.createRule)("spaced-html-comment", {
             description: "enforce consistent spacing after the `<!--` and before the `-->` in a HTML comment",
             category: "Stylistic Issues",
             recommended: false,
+            conflictWithPrettier: false,
         },
         fixable: "whitespace",
         schema: [
@@ -26,7 +27,6 @@ exports.default = (0, utils_1.createRule)("spaced-html-comment", {
         const requireSpace = context.options[0] !== "never";
         return {
             SvelteHTMLComment(node) {
-                var _a, _b;
                 if (!node.value.trim()) {
                     return;
                 }
@@ -51,7 +51,7 @@ exports.default = (0, utils_1.createRule)("spaced-html-comment", {
                     }
                 }
                 else {
-                    const beginSpaces = (_a = /^[^\S\n\r]/u.exec(node.value)) === null || _a === void 0 ? void 0 : _a[0];
+                    const beginSpaces = /^[^\S\n\r]/u.exec(node.value)?.[0];
                     if (beginSpaces) {
                         context.report({
                             node,
@@ -64,7 +64,7 @@ exports.default = (0, utils_1.createRule)("spaced-html-comment", {
                             },
                         });
                     }
-                    const endSpaces = (_b = /(?<=\S)[^\S\n\r]$/u.exec(node.value)) === null || _b === void 0 ? void 0 : _b[0];
+                    const endSpaces = /(?<=\S)[^\S\n\r]$/u.exec(node.value)?.[0];
                     if (endSpaces) {
                         context.report({
                             node,

package/lib/rules/system.js

@@ -15,14 +15,13 @@ exports.default = (0, utils_1.createRule)("system", {
         type: "problem",
     },
     create(context) {
-        var _a, _b;
         const shared = (0, shared_1.getShared)(context.getFilename());
         if (!shared)
             return {};
         const directives = shared.newCommentDirectives({
             ruleId: "svelte/system",
         });
-        const ignoreWarnings = (_b = (_a = context.settings) === null || _a === void 0 ? void 0 : _a.svelte) === null || _b === void 0 ? void 0 : _b.ignoreWarnings;
+        const ignoreWarnings = context.settings?.svelte?.ignoreWarnings;
         if (ignoreWarnings && !Array.isArray(ignoreWarnings)) {
             context.report({
                 loc: { line: 1, column: 0 },

package/lib/rules/valid-compile.js

@@ -22,11 +22,10 @@ exports.default = (0, utils_1.createRule)("valid-compile", {
         type: "problem",
     },
     create(context) {
-        var _a;
         if (!context.parserServices.isSvelte) {
             return {};
         }
-        const ignoreWarnings = Boolean((_a = context.options[0]) === null || _a === void 0 ? void 0 : _a.ignoreWarnings);
+        const ignoreWarnings = Boolean(context.options[0]?.ignoreWarnings);
         const ignores = ["missing-declaration", "dynamic-slot-name"];
         function report(warnings) {
             for (const warn of warnings) {

package/lib/shared/comment-directives.js

@@ -8,7 +8,7 @@ class CommentDirectives {
         this.lineDisableDirectives = new Map();
         this.blockDirectives = new Map();
         this.ruleId = options.ruleId;
-        this.reportUnusedDisableDirectives = Boolean(options === null || options === void 0 ? void 0 : options.reportUnusedDisableDirectives);
+        this.reportUnusedDisableDirectives = Boolean(options?.reportUnusedDisableDirectives);
     }
     filterMessages(messages) {
         const { lineDisableDirectives, blockDirectives, reportUnusedDisableDirectives, } = this;
@@ -61,12 +61,11 @@ class CommentDirectives {
         }
         return filteredMessages;
         function isEnable(message) {
-            var _a;
             if (!message.ruleId) {
                 return true;
             }
             for (const disableLines of getFromRule(lineDisableDirectives, message.ruleId)) {
-                for (const disableLine of (_a = disableLines.get(message.line)) !== null && _a !== void 0 ? _a : []) {
+                for (const disableLine of disableLines.get(message.line) ?? []) {
                     if (!disableLine.rule(message.ruleId)) {
                         continue;
                     }

package/lib/shared/index.js

@@ -21,11 +21,10 @@ exports.beginShared = beginShared;
 function terminateShared(filename) {
     const result = sharedMap.get(filename);
     sharedMap.delete(filename);
-    return result !== null && result !== void 0 ? result : null;
+    return result ?? null;
 }
 exports.terminateShared = terminateShared;
 function getShared(filename) {
-    var _a;
-    return (_a = sharedMap.get(filename)) !== null && _a !== void 0 ? _a : null;
+    return sharedMap.get(filename) ?? null;
 }
 exports.getShared = getShared;

package/lib/shared/svelte-compile-warns/index.js

@@ -91,7 +91,11 @@ function getSvelteCompileWarningsWithoutCache(context) {
     transformResults.push(...transformScripts(context));
     if (!transformResults.length) {
         const warnings = getWarningsFromCode(text);
-        return Object.assign(Object.assign({}, processIgnore(warnings.warnings, warnings.kind, stripStyleElements, ignoreComments, context)), { kind: warnings.kind, stripStyleElements });
+        return {
+            ...processIgnore(warnings.warnings, warnings.kind, stripStyleElements, ignoreComments, context),
+            kind: warnings.kind,
+            stripStyleElements,
+        };
     }
     class RemapContext {
         constructor() {
@@ -131,20 +135,20 @@ function getSvelteCompileWarningsWithoutCache(context) {
             this.mapIndexes.push({
                 range: [codeStart, this.code.length],
                 remap: (index) => {
-                    outputLocs = outputLocs !== null && outputLocs !== void 0 ? outputLocs : new lines_and_columns_1.LinesAndColumns(outputText);
-                    inputLocs = inputLocs !== null && inputLocs !== void 0 ? inputLocs : new lines_and_columns_1.LinesAndColumns(inputText);
+                    outputLocs = outputLocs ?? new lines_and_columns_1.LinesAndColumns(outputText);
+                    inputLocs = inputLocs ?? new lines_and_columns_1.LinesAndColumns(inputText);
                     const outputCodePos = outputLocs.getLocFromIndex(index - codeStart);
                     const inputCodePos = remapPosition(outputCodePos);
                     return inputLocs.getIndexFromLoc(inputCodePos) + start;
                 },
             });
             function remapPosition(pos) {
-                decoded = decoded !== null && decoded !== void 0 ? decoded : (0, sourcemap_codec_1.decode)(output.mappings);
+                decoded = decoded ?? (0, sourcemap_codec_1.decode)(output.mappings);
                 const lineMaps = decoded[pos.line - 1];
-                if (!(lineMaps === null || lineMaps === void 0 ? void 0 : lineMaps.length)) {
+                if (!lineMaps?.length) {
                     for (let line = pos.line - 1; line >= 0; line--) {
                         const prevLineMaps = decoded[line];
-                        if (prevLineMaps === null || prevLineMaps === void 0 ? void 0 : prevLineMaps.length) {
+                        if (prevLineMaps?.length) {
                             const [, , sourceCodeLine, sourceCodeColumn] = prevLineMaps[prevLineMaps.length - 1];
                             return {
                                 line: sourceCodeLine + 1,
@@ -172,9 +176,8 @@ function getSvelteCompileWarningsWithoutCache(context) {
             }
         }
         remapLocs(points) {
-            var _a;
             const mapIndexes = this.mapIndexes;
-            const locs = (this.locs = (_a = this.locs) !== null && _a !== void 0 ? _a : new lines_and_columns_1.LinesAndColumns(this.code));
+            const locs = (this.locs = this.locs ?? new lines_and_columns_1.LinesAndColumns(this.code));
             let start = undefined;
             let end = undefined;
             if (points.start) {
@@ -229,7 +232,11 @@ function getSvelteCompileWarningsWithoutCache(context) {
             },
         });
     }
-    return Object.assign(Object.assign({}, processIgnore(warnings, baseWarnings.kind, stripStyleElements, ignoreComments, context)), { kind: baseWarnings.kind, stripStyleElements });
+    return {
+        ...processIgnore(warnings, baseWarnings.kind, stripStyleElements, ignoreComments, context),
+        kind: baseWarnings.kind,
+        stripStyleElements,
+    };
 }
 function* extractStyleElementsWithLangOtherThanCSS(context) {
     const sourceCode = context.getSourceCode();
@@ -376,18 +383,17 @@ function processIgnore(warnings, kind, stripStyleElements, ignoreComments, conte
         if (start != null && end != null) {
             return Math.floor(start + (end - start) / 2);
         }
-        return start !== null && start !== void 0 ? start : end;
+        return start ?? end;
     }
 }
 function isUseTypeScript(context) {
-    var _a;
     if (context.parserServices.esTreeNodeToTSNodeMap)
         return true;
     const sourceCode = context.getSourceCode();
     const root = sourceCode.ast;
     for (const node of root.body) {
         if (node.type === "SvelteScriptElement") {
-            const lang = (_a = (0, ast_utils_1.getLangValue)(node)) === null || _a === void 0 ? void 0 : _a.toLowerCase();
+            const lang = (0, ast_utils_1.getLangValue)(node)?.toLowerCase();
             if (lang === "ts" || lang === "typescript") {
                 return true;
             }
@@ -396,8 +402,7 @@ function isUseTypeScript(context) {
     return false;
 }
 function isUseBabel(context) {
-    var _a, _b, _c;
-    const parser = (_a = context.parserOptions) === null || _a === void 0 ? void 0 : _a.parser;
+    const parser = context.parserOptions?.parser;
     if (!parser) {
         return false;
     }
@@ -406,7 +411,7 @@ function isUseBabel(context) {
     let scriptLang = "js";
     for (const node of root.body) {
         if (node.type === "SvelteScriptElement") {
-            const lang = (_b = (0, ast_utils_1.getLangValue)(node)) === null || _b === void 0 ? void 0 : _b.toLowerCase();
+            const lang = (0, ast_utils_1.getLangValue)(node)?.toLowerCase();
             if (lang === "ts" || lang === "typescript") {
                 scriptLang = lang;
                 break;
@@ -426,10 +431,10 @@ function isUseBabel(context) {
             const pkgPath = path_1.default.join(targetPath, "package.json");
             if (fs_1.default.existsSync(pkgPath)) {
                 try {
-                    return (((_c = JSON.parse(fs_1.default.readFileSync(pkgPath, "utf-8"))) === null || _c === void 0 ? void 0 : _c.name) ===
+                    return (JSON.parse(fs_1.default.readFileSync(pkgPath, "utf-8"))?.name ===
                         "@babel/eslint-parser");
                 }
-                catch (_d) {
+                catch {
                     return false;
                 }
             }

package/lib/shared/svelte-compile-warns/transform/babel.js

@@ -3,7 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.hasBabel = exports.transform = void 0;
 const load_module_1 = require("./load-module");
 function transform(node, context) {
-    var _a, _b;
     const babel = loadBabel(context);
     if (!babel) {
         return null;
@@ -23,7 +22,7 @@ function transform(node, context) {
             minified: false,
             ast: false,
             code: true,
-            cwd: (_b = (_a = context.getCwd) === null || _a === void 0 ? void 0 : _a.call(context)) !== null && _b !== void 0 ? _b : process.cwd(),
+            cwd: context.getCwd?.() ?? process.cwd(),
         });
         if (!output) {
             return null;

package/lib/shared/svelte-compile-warns/transform/load-module.js

@@ -22,15 +22,6 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -41,7 +32,6 @@ const path_1 = __importDefault(require("path"));
 const cache = new WeakMap();
 const cache4b = new Map();
 function loadModule(context, name) {
-    var _a, _b;
     const key = context.getSourceCode().ast;
     let modules = cache.get(key);
     if (!modules) {
@@ -52,23 +42,21 @@ function loadModule(context, name) {
     if (mod)
         return mod;
     try {
-        const cwd = (_b = (_a = context.getCwd) === null || _a === void 0 ? void 0 : _a.call(context)) !== null && _b !== void 0 ? _b : process.cwd();
+        const cwd = context.getCwd?.() ?? process.cwd();
         const relativeTo = path_1.default.join(cwd, "__placeholder__.js");
         return (modules[name] = module_1.default.createRequire(relativeTo)(name));
     }
-    catch (_c) {
+    catch {
         return null;
     }
 }
 exports.loadModule = loadModule;
-function loadModulesForBrowser() {
-    return __awaiter(this, void 0, void 0, function* () {
-        const [sass, typescript] = yield Promise.all([
-            Promise.resolve().then(() => __importStar(require("sass"))),
-            Promise.resolve().then(() => __importStar(require("typescript"))),
-        ]);
-        cache4b.set("sass", sass);
-        cache4b.set("typescript", typescript);
-    });
+async function loadModulesForBrowser() {
+    const [sass, typescript] = await Promise.all([
+        Promise.resolve().then(() => __importStar(require("sass"))),
+        Promise.resolve().then(() => __importStar(require("typescript"))),
+    ]);
+    cache4b.set("sass", sass);
+    cache4b.set("typescript", typescript);
 }
 exports.loadModulesForBrowser = loadModulesForBrowser;

package/lib/shared/svelte-compile-warns/transform/postcss.js

@@ -7,8 +7,7 @@ exports.transform = void 0;
 const postcss_1 = __importDefault(require("postcss"));
 const postcss_load_config_1 = __importDefault(require("postcss-load-config"));
 function transform(node, context) {
-    var _a, _b, _c, _d, _e;
-    const postcssConfig = (_c = (_b = (_a = context.settings) === null || _a === void 0 ? void 0 : _a.svelte) === null || _b === void 0 ? void 0 : _b.compileOptions) === null || _c === void 0 ? void 0 : _c.postcss;
+    const postcssConfig = context.settings?.svelte?.compileOptions?.postcss;
     if (postcssConfig === false) {
         return null;
     }
@@ -22,14 +21,17 @@ function transform(node, context) {
     const code = context.getSourceCode().text.slice(...inputRange);
     const filename = `${context.getFilename()}.css`;
     try {
-        const configFilePath = postcssConfig === null || postcssConfig === void 0 ? void 0 : postcssConfig.configFilePath;
+        const configFilePath = postcssConfig?.configFilePath;
         const config = postcss_load_config_1.default.sync({
-            cwd: (_e = (_d = context.getCwd) === null || _d === void 0 ? void 0 : _d.call(context)) !== null && _e !== void 0 ? _e : process.cwd(),
+            cwd: context.getCwd?.() ?? process.cwd(),
             from: filename,
         }, typeof configFilePath === "string" ? configFilePath : undefined);
-        const result = (0, postcss_1.default)(config.plugins).process(code, Object.assign(Object.assign({}, config.options), { map: {
+        const result = (0, postcss_1.default)(config.plugins).process(code, {
+            ...config.options,
+            map: {
                 inline: false,
-            } }));
+            },
+        });
         return {
             inputRange,
             output: result.content,

package/lib/shared/svelte-compile-warns/transform/typescript.js

@@ -30,7 +30,7 @@ function transform(node, context) {
             mappings: JSON.parse(output.sourceMapText).mappings,
         };
     }
-    catch (_a) {
+    catch {
         return null;
     }
 }

package/lib/types.d.ts

@@ -27,6 +27,7 @@ export interface RuleMetaData {
         ruleId: string;
         ruleName: string;
         default?: "error" | "warn";
+        conflictWithPrettier?: boolean;
     };
     messages: {
         [messageId: string]: string;
@@ -44,11 +45,16 @@ export interface PartialRuleModule {
 export interface PartialRuleMetaData {
     docs: {
         description: string;
-        category: RuleCategory;
         recommended: boolean | "base";
         extensionRule?: string;
         default?: "error" | "warn";
-    };
+    } & ({
+        category: Exclude<RuleCategory, "Stylistic Issues">;
+        conflictWithPrettier?: boolean;
+    } | {
+        category: "Stylistic Issues";
+        conflictWithPrettier: boolean;
+    });
     messages: {
         [messageId: string]: string;
     };

package/lib/utils/css-utils/style-attribute.js

@@ -13,18 +13,17 @@ function safeParseCss(css) {
         parser.parse();
         return parser.root;
     }
-    catch (_a) {
+    catch {
         return null;
     }
 }
 const cache = new WeakMap();
 function parseStyleAttributeValue(node, context) {
-    var _a;
     if (cache.has(node)) {
         return cache.get(node) || null;
     }
     cache.set(node, null);
-    if (!((_a = node.value) === null || _a === void 0 ? void 0 : _a.length)) {
+    if (!node.value?.length) {
         return null;
     }
     const startOffset = node.value[0].range[0];
@@ -92,7 +91,7 @@ function convertRoot(root, interpolations, getRange, ctx) {
             if (range) {
                 return range;
             }
-            return range !== null && range !== void 0 ? range : (range = getRange(tagOrExpr));
+            return range ?? (range = getRange(tagOrExpr));
         }
         return {
             type: "inline",
@@ -132,7 +131,10 @@ function convertRoot(root, interpolations, getRange, ctx) {
                 if (!root) {
                     return null;
                 }
-                converted = convertRoot(root, [], () => [0, 0], Object.assign(Object.assign({}, ctx), { startOffset: node.range[0] + 1 }));
+                converted = convertRoot(root, [], () => [0, 0], {
+                    ...ctx,
+                    startOffset: node.range[0] + 1,
+                });
             }
             else if (node.type === "TemplateLiteral") {
                 const root = safeParseCss(sourceCode.getText(node).slice(1, -1));
@@ -145,7 +147,10 @@ function convertRoot(root, interpolations, getRange, ctx) {
                         node.quasis[index].range[1] - 2,
                         node.quasis[index + 1].range[0] + 1,
                     ];
-                }, Object.assign(Object.assign({}, ctx), { startOffset: node.range[0] + 1 }));
+                }, {
+                    ...ctx,
+                    startOffset: node.range[0] + 1,
+                });
             }
             else {
                 return null;
@@ -175,14 +180,13 @@ function convertRoot(root, interpolations, getRange, ctx) {
     }
 }
 function convertChild(node, ctx) {
-    var _a;
     const range = convertRange(node, ctx);
     if (node.type === "decl") {
         const propRange = [range[0], range[0] + node.prop.length];
         const declValueStartIndex = propRange[1] + (node.raws.between || "").length;
         const valueRange = [
             declValueStartIndex,
-            declValueStartIndex + (((_a = node.raws.value) === null || _a === void 0 ? void 0 : _a.value) || node.value).length,
+            declValueStartIndex + (node.raws.value?.value || node.value).length,
         ];
         const prop = {
             name: node.prop,

package/lib/utils/css-utils/utils.js

@@ -6,8 +6,7 @@ function hasVendorPrefix(prop) {
 }
 exports.hasVendorPrefix = hasVendorPrefix;
 function getVendorPrefix(prop) {
-    var _a;
-    return ((_a = /^-\w+-/u.exec(prop)) === null || _a === void 0 ? void 0 : _a[0]) || "";
+    return /^-\w+-/u.exec(prop)?.[0] || "";
 }
 exports.getVendorPrefix = getVendorPrefix;
 function stripVendorPrefix(prop) {

package/lib/utils/eslint-core.js

@@ -3,9 +3,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.getCoreRule = exports.buildProxyListener = exports.getProxyNode = exports.defineWrapperListener = void 0;
 const eslint_1 = require("eslint");
 function defineWrapperListener(coreRule, context, proxyOptions) {
-    var _a, _b;
     const listener = coreRule.create(context);
-    const svelteListener = (_b = (_a = proxyOptions.createListenerProxy) === null || _a === void 0 ? void 0 : _a.call(proxyOptions, listener)) !== null && _b !== void 0 ? _b : listener;
+    const svelteListener = proxyOptions.createListenerProxy?.(listener) ?? listener;
     return svelteListener;
 }
 exports.defineWrapperListener = defineWrapperListener;

package/lib/utils/index.js

@@ -3,7 +3,15 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.createRule = void 0;
 function createRule(ruleName, rule) {
     return {
-        meta: Object.assign(Object.assign({}, rule.meta), { docs: Object.assign(Object.assign({}, rule.meta.docs), { url: `https://ota-meshi.github.io/eslint-plugin-svelte/rules/${ruleName}/`, ruleId: `svelte/${ruleName}`, ruleName }) }),
+        meta: {
+            ...rule.meta,
+            docs: {
+                ...rule.meta.docs,
+                url: `https://ota-meshi.github.io/eslint-plugin-svelte/rules/${ruleName}/`,
+                ruleId: `svelte/${ruleName}`,
+                ruleName,
+            },
+        },
         create: rule.create,
     };
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-svelte",
-  "version": "2.1.1",
+  "version": "2.2.0",
   "description": "ESLint plugin for Svelte using AST",
   "repository": "git+https://github.com/ota-meshi/eslint-plugin-svelte.git",
   "homepage": "https://ota-meshi.github.io/eslint-plugin-svelte",
@@ -43,7 +43,7 @@
     "prepublishOnly": "yarn clean && yarn build",
     "pretest:base": "cross-env DEBUG=eslint-plugin-svelte*",
     "preversion": "yarn test && git add .",
-    "svelte-kit": "node --experimental-loader ./svelte-kit-import-hook.mjs node_modules/@sveltejs/kit/svelte-kit.js",
+    "svelte-kit": "node --experimental-loader ./svelte-kit-import-hook.mjs node_modules/vite/bin/vite.js --config vite.config.mjs",
     "test": "yarn mocha \"tests/src/**/*.ts\" --reporter dot --timeout 60000",
     "ts": "node -r esbuild-register",
     "update": "yarn ts ./tools/update.ts && yarn format-for-gen-file",
@@ -77,7 +77,7 @@
     "@ota-meshi/eslint-plugin": "^0.11.0",
     "@sindresorhus/slugify": "^2.1.0",
     "@sveltejs/adapter-static": "^1.0.0-next.26",
-    "@sveltejs/kit": "1.0.0-next.358",
+    "@sveltejs/kit": "^1.0.0-next.360",
     "@types/babel__core": "^7.1.19",
     "@types/eslint": "^8.0.0",
     "@types/eslint-scope": "^3.7.0",
@@ -134,6 +134,7 @@
     "svelte": "^3.46.1",
     "svelte-adapter-ghpages": "0.0.2",
     "typescript": "^4.5.2",
+    "vite": "^2.9.13",
     "vite-plugin-svelte-md": "^0.1.3"
   },
   "publishConfig": {