eslint-plugin-svelte 2.13.0 → 2.14.0

package/README.md

@@ -300,7 +300,9 @@ These rules relate to possible syntax or logic errors in Svelte code:
 |:--------|:------------|:---|
 | [svelte/no-dom-manipulating](https://ota-meshi.github.io/eslint-plugin-svelte/rules/no-dom-manipulating/) | disallow DOM manipulating |  |
 | [svelte/no-dupe-else-if-blocks](https://ota-meshi.github.io/eslint-plugin-svelte/rules/no-dupe-else-if-blocks/) | disallow duplicate conditions in `{#if}` / `{:else if}` chains | :star: |
+| [svelte/no-dupe-on-directives](https://ota-meshi.github.io/eslint-plugin-svelte/rules/no-dupe-on-directives/) | disallow duplicate `on:` directives |  |
 | [svelte/no-dupe-style-properties](https://ota-meshi.github.io/eslint-plugin-svelte/rules/no-dupe-style-properties/) | disallow duplicate style properties | :star: |
+| [svelte/no-dupe-use-directives](https://ota-meshi.github.io/eslint-plugin-svelte/rules/no-dupe-use-directives/) | disallow duplicate `use:` directives |  |
 | [svelte/no-dynamic-slot-name](https://ota-meshi.github.io/eslint-plugin-svelte/rules/no-dynamic-slot-name/) | disallow dynamic slot name | :star::wrench: |
 | [svelte/no-export-load-in-svelte-module-in-kit-pages](https://ota-meshi.github.io/eslint-plugin-svelte/rules/no-export-load-in-svelte-module-in-kit-pages/) | disallow exporting load functions in `*.svelte` module in Svelte Kit page components. |  |
 | [svelte/no-not-function-handler](https://ota-meshi.github.io/eslint-plugin-svelte/rules/no-not-function-handler/) | disallow use of not function in event handler | :star: |

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

@@ -1,6 +1,6 @@
 import type { AST } from "svelte-eslint-parser";
 import type { TSESTree } from "@typescript-eslint/types";
-declare type AnyToken = AST.Token | AST.Comment;
+type AnyToken = AST.Token | AST.Comment;
 export declare function isWhitespace(token: AnyToken | TSESTree.Comment | null | undefined): boolean;
 export declare function isNotWhitespace(token: AnyToken | TSESTree.Comment | null | undefined): boolean;
 export {};

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

@@ -1,13 +1,13 @@
 import type { ASTNode, SourceCode } from "../../types";
 import type { AST } from "svelte-eslint-parser";
 import type { OffsetContext } from "./offset-context";
-export declare type AnyToken = AST.Token | AST.Comment;
-export declare type MaybeNode = {
+export type AnyToken = AST.Token | AST.Comment;
+export type MaybeNode = {
     type: string;
     range: [number, number];
     loc: AST.SourceLocation;
 };
-export declare type IndentOptions = {
+export type IndentOptions = {
     indentChar: " " | "\t";
     indentScript: boolean;
     indentSize: number;
@@ -15,7 +15,7 @@ export declare type IndentOptions = {
     alignAttributesVertically: boolean;
     ignoredNodes: string[];
 };
-export declare type IndentContext = {
+export type IndentContext = {
     sourceCode: SourceCode;
     options: IndentOptions;
     offsets: OffsetContext;

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

@@ -1,5 +1,5 @@
 import type { IndentContext } from "./commons";
 import type { ESNodeListener } from "../../types-for-node";
-declare type NodeListener = ESNodeListener;
+type NodeListener = ESNodeListener;
 export declare function defineVisitor(context: IndentContext): NodeListener;
 export {};

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

@@ -111,12 +111,15 @@ function defineVisitor(context) {
         },
         CallExpression(node) {
             const firstToken = sourceCode.getFirstToken(node);
-            const leftParenToken = sourceCode.getTokenAfter(node.callee, {
+            const leftParenToken = sourceCode.getTokenAfter(node.typeParameters || node.callee, {
                 filter: eslint_utils_1.isOpeningParenToken,
                 includeComments: false,
             });
             const rightParenToken = sourceCode.getLastToken(node);
-            for (const optionalToken of sourceCode.getTokensBetween(sourceCode.getLastToken(node.callee), leftParenToken, { filter: isOptionalToken, includeComments: false })) {
+            if (node.typeParameters) {
+                offsets.setOffsetToken(sourceCode.getFirstToken(node.typeParameters), 1, firstToken);
+            }
+            for (const optionalToken of sourceCode.getTokensBetween(sourceCode.getLastToken(node.typeParameters || node.callee), leftParenToken, { filter: isOptionalToken, includeComments: false })) {
                 offsets.setOffsetToken(optionalToken, 1, firstToken);
             }
             offsets.setOffsetToken(leftParenToken, 1, firstToken);
@@ -543,10 +546,13 @@ function defineVisitor(context) {
             const newToken = sourceCode.getFirstToken(node);
             const calleeTokens = (0, commons_1.getFirstAndLastTokens)(sourceCode, node.callee);
             offsets.setOffsetToken(calleeTokens.firstToken, 1, newToken);
-            if (node.arguments.length ||
-                calleeTokens.lastToken.range[1] < node.range[1]) {
+            if (node.typeParameters) {
+                offsets.setOffsetToken(sourceCode.getFirstToken(node.typeParameters), 1, calleeTokens.firstToken);
+            }
+            const leftParenBefore = node.typeParameters || calleeTokens.lastToken;
+            if (node.arguments.length || leftParenBefore.range[1] < node.range[1]) {
                 const rightParenToken = sourceCode.getLastToken(node);
-                const leftParenToken = sourceCode.getTokenAfter(calleeTokens.lastToken);
+                const leftParenToken = sourceCode.getTokenAfter(leftParenBefore);
                 offsets.setOffsetToken(leftParenToken, 1, calleeTokens.firstToken);
                 offsets.setOffsetElementList(node.arguments, leftParenToken, rightParenToken, 1);
             }

package/lib/rules/indent-helpers/offset-context.d.ts

@@ -5,7 +5,7 @@ declare const enum OffsetDataType {
     align = 1,
     start = 2
 }
-declare type OffsetData = {
+type OffsetData = {
     type: OffsetDataType.normal;
     base: number;
     offset: number;

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

@@ -1,5 +1,5 @@
 import type { SvelteNodeListener } from "../../types-for-node";
 import type { IndentContext } from "./commons";
-declare type NodeListener = SvelteNodeListener;
+type NodeListener = SvelteNodeListener;
 export declare function defineVisitor(context: IndentContext): NodeListener;
 export {};

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

@@ -1,5 +1,5 @@
 import type { IndentContext } from "./commons";
 import type { TSNodeListener } from "../../types-for-node";
-declare type NodeListener = TSNodeListener;
+type NodeListener = TSNodeListener;
 export declare function defineVisitor(context: IndentContext): NodeListener;
 export {};

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

@@ -21,18 +21,24 @@ function defineVisitor(context) {
         },
         TSAsExpression(node) {
             const expressionTokens = (0, commons_2.getFirstAndLastTokens)(sourceCode, node.expression);
-            const asToken = sourceCode.getTokenAfter(expressionTokens.lastToken);
+            const asOrSatisfiesToken = sourceCode.getTokenAfter(expressionTokens.lastToken);
             offsets.setOffsetToken([
-                asToken,
+                asOrSatisfiesToken,
                 (0, commons_2.getFirstAndLastTokens)(sourceCode, node.typeAnnotation).firstToken,
             ], 1, expressionTokens.firstToken);
         },
+        TSSatisfiesExpression(node) {
+            visitor.TSAsExpression(node);
+        },
         TSTypeReference(node) {
             if (node.typeParameters) {
-                const typeNameTokens = (0, commons_2.getFirstAndLastTokens)(sourceCode, node.typeName);
-                offsets.setOffsetToken(sourceCode.getFirstToken(node.typeParameters), 1, typeNameTokens.firstToken);
+                const firstToken = sourceCode.getFirstToken(node);
+                offsets.setOffsetToken(sourceCode.getFirstToken(node.typeParameters), 1, firstToken);
             }
         },
+        TSInstantiationExpression(node) {
+            visitor.TSTypeReference(node);
+        },
         TSTypeParameterInstantiation(node) {
             offsets.setOffsetElementList(node.params, sourceCode.getFirstToken(node), sourceCode.getLastToken(node), 1);
         },
@@ -433,6 +439,9 @@ function defineVisitor(context) {
         TSEnumMember(node) {
             visitor.TSAbstractMethodDefinition(node);
         },
+        TSAbstractAccessorProperty(node) {
+            visitor.TSAbstractMethodDefinition(node);
+        },
         TSOptionalType(node) {
             offsets.setOffsetToken(sourceCode.getLastToken(node), 1, sourceCode.getFirstToken(node));
         },
@@ -559,6 +568,32 @@ function defineVisitor(context) {
                 offsets.setOffsetToken(atToken, 0, sourceCode.getFirstToken(decorators[0]));
             }
         },
+        AccessorProperty(node) {
+            const keyNode = node.key;
+            const valueNode = node.value;
+            const firstToken = sourceCode.getFirstToken(node);
+            const keyTokens = (0, commons_2.getFirstAndLastTokens)(sourceCode, keyNode);
+            const prefixTokens = sourceCode.getTokensBetween(firstToken, keyTokens.firstToken);
+            if (node.computed) {
+                prefixTokens.pop();
+            }
+            offsets.setOffsetToken(prefixTokens, 0, firstToken);
+            let lastKeyToken;
+            if (node.computed) {
+                const leftBracketToken = sourceCode.getTokenBefore(keyTokens.firstToken);
+                const rightBracketToken = (lastKeyToken = sourceCode.getTokenAfter(keyTokens.lastToken));
+                offsets.setOffsetToken(leftBracketToken, 0, firstToken);
+                offsets.setOffsetElementList([keyNode], leftBracketToken, rightBracketToken, 1);
+            }
+            else {
+                offsets.setOffsetToken(keyTokens.firstToken, 0, firstToken);
+                lastKeyToken = keyTokens.lastToken;
+            }
+            if (valueNode != null) {
+                const initToken = sourceCode.getFirstToken(valueNode);
+                offsets.setOffsetToken([...sourceCode.getTokensBetween(lastKeyToken, initToken), initToken], 1, lastKeyToken);
+            }
+        },
         StaticBlock(node) {
             const firstToken = sourceCode.getFirstToken(node);
             let next = sourceCode.getTokenAfter(firstToken);
@@ -632,7 +667,7 @@ function defineVisitor(context) {
     };
     const commonsVisitor = {
         ["TSTypeAliasDeclaration, TSCallSignatureDeclaration, TSConstructSignatureDeclaration, TSImportEqualsDeclaration," +
-            "TSAbstractMethodDefinition, TSAbstractPropertyDefinition, TSEnumMember," +
+            "TSAbstractMethodDefinition, TSAbstractPropertyDefinition, AccessorProperty,  TSAbstractAccessorProperty, TSEnumMember," +
             "TSPropertySignature, TSIndexSignature, TSMethodSignature," +
             "TSAbstractClassProperty, ClassProperty"](node) {
             const firstToken = sourceCode.getFirstToken(node);

package/lib/rules/no-dupe-on-directives.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("../types").RuleModule;
+export default _default;

package/lib/rules/no-dupe-on-directives.js

@@ -0,0 +1,72 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const utils_1 = require("../utils");
+const ast_utils_1 = require("../utils/ast-utils");
+exports.default = (0, utils_1.createRule)("no-dupe-on-directives", {
+    meta: {
+        docs: {
+            description: "disallow duplicate `on:` directives",
+            category: "Possible Errors",
+            recommended: false,
+        },
+        schema: [],
+        messages: {
+            duplication: "This `on:{{type}}` directive is the same and duplicate directives in L{{lineNo}}.",
+        },
+        type: "problem",
+    },
+    create(context) {
+        const sourceCode = context.getSourceCode();
+        const directiveDataMap = new Map();
+        return {
+            SvelteDirective(node) {
+                if (node.kind !== "EventHandler")
+                    return;
+                const directiveDataList = directiveDataMap.get(node.key.name.name);
+                if (!directiveDataList) {
+                    directiveDataMap.set(node.key.name.name, [
+                        {
+                            expression: node.expression,
+                            nodes: [node],
+                        },
+                    ]);
+                    return;
+                }
+                const directiveData = directiveDataList.find((data) => {
+                    if (!data.expression || !node.expression) {
+                        return data.expression === node.expression;
+                    }
+                    return (0, ast_utils_1.equalTokens)(data.expression, node.expression, sourceCode);
+                });
+                if (!directiveData) {
+                    directiveDataList.push({
+                        expression: node.expression,
+                        nodes: [node],
+                    });
+                    return;
+                }
+                directiveData.nodes.push(node);
+            },
+            "SvelteStartTag:exit"() {
+                for (const [type, directiveDataList] of directiveDataMap) {
+                    for (const { nodes } of directiveDataList) {
+                        if (nodes.length < 2) {
+                            continue;
+                        }
+                        for (const node of nodes) {
+                            context.report({
+                                node,
+                                messageId: "duplication",
+                                data: {
+                                    type,
+                                    lineNo: String((nodes[0] !== node ? nodes[0] : nodes[1]).loc.start.line),
+                                },
+                            });
+                        }
+                    }
+                }
+                directiveDataMap.clear();
+            },
+        };
+    },
+});

package/lib/rules/no-dupe-use-directives.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("../types").RuleModule;
+export default _default;

package/lib/rules/no-dupe-use-directives.js

@@ -0,0 +1,73 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const utils_1 = require("../utils");
+const ast_utils_1 = require("../utils/ast-utils");
+exports.default = (0, utils_1.createRule)("no-dupe-use-directives", {
+    meta: {
+        docs: {
+            description: "disallow duplicate `use:` directives",
+            category: "Possible Errors",
+            recommended: false,
+        },
+        schema: [],
+        messages: {
+            duplication: "This `{{keyText}}` directive is the same and duplicate directives in L{{lineNo}}.",
+        },
+        type: "problem",
+    },
+    create(context) {
+        const sourceCode = context.getSourceCode();
+        const directiveDataMap = new Map();
+        return {
+            SvelteDirective(node) {
+                if (node.kind !== "Action")
+                    return;
+                const keyText = (0, ast_utils_1.getAttributeKeyText)(node, context);
+                const directiveDataList = directiveDataMap.get(keyText);
+                if (!directiveDataList) {
+                    directiveDataMap.set(keyText, [
+                        {
+                            expression: node.expression,
+                            nodes: [node],
+                        },
+                    ]);
+                    return;
+                }
+                const directiveData = directiveDataList.find((data) => {
+                    if (!data.expression || !node.expression) {
+                        return data.expression === node.expression;
+                    }
+                    return (0, ast_utils_1.equalTokens)(data.expression, node.expression, sourceCode);
+                });
+                if (!directiveData) {
+                    directiveDataList.push({
+                        expression: node.expression,
+                        nodes: [node],
+                    });
+                    return;
+                }
+                directiveData.nodes.push(node);
+            },
+            "SvelteStartTag:exit"() {
+                for (const [keyText, directiveDataList] of directiveDataMap) {
+                    for (const { nodes } of directiveDataList) {
+                        if (nodes.length < 2) {
+                            continue;
+                        }
+                        for (const node of nodes) {
+                            context.report({
+                                node,
+                                messageId: "duplication",
+                                data: {
+                                    keyText,
+                                    lineNo: String((nodes[0] !== node ? nodes[0] : nodes[1]).loc.start.line),
+                                },
+                            });
+                        }
+                    }
+                }
+                directiveDataMap.clear();
+            },
+        };
+    },
+});

package/lib/rules/reference-helpers/svelte-store.d.ts

@@ -1,11 +1,11 @@
 import type { TSESTree } from "@typescript-eslint/types";
 import type { RuleContext } from "../../types";
-declare type StoreName = "writable" | "readable" | "derived";
+type StoreName = "writable" | "readable" | "derived";
 export declare function extractStoreReferences(context: RuleContext, storeNames?: StoreName[]): Generator<{
     node: TSESTree.CallExpression;
     name: string;
 }, void>;
-export declare type StoreChecker = (node: TSESTree.Expression, options?: {
+export type StoreChecker = (node: TSESTree.Expression, options?: {
     consistent?: boolean;
 }) => boolean;
 export declare function createStoreChecker(context: RuleContext): StoreChecker;

package/lib/rules/sort-attributes.js

@@ -176,7 +176,7 @@ exports.default = (0, utils_1.createRule)("sort-attributes", {
             const k = cacheKeyText.get(node);
             if (k != null)
                 return k;
-            const result = (0, ast_utils_1.getAttributeKeyText)(node);
+            const result = (0, ast_utils_1.getAttributeKeyText)(node, context);
             cacheKeyText.set(node, result);
             return result;
         }

package/lib/shared/comment-directives.d.ts

@@ -1,6 +1,6 @@
 import type { AST } from "svelte-eslint-parser";
 import type { Linter } from "eslint";
-declare type Define = {
+type Define = {
     loc: AST.Position;
 };
 export declare class CommentDirectives {

package/lib/shared/svelte-compile-warns/ignore-comment.d.ts

@@ -1,11 +1,11 @@
 import type { AST } from "svelte-eslint-parser";
 import type { RuleContext } from "../../types";
-export declare type IgnoreItemWithoutCode = {
+export type IgnoreItemWithoutCode = {
     range: [number, number];
     code: null;
     token: AST.Token | AST.Comment;
 };
-export declare type IgnoreItem = {
+export type IgnoreItem = {
     range: [number, number];
     code: string;
     token: AST.Token | AST.Comment;

package/lib/shared/svelte-compile-warns/index.d.ts

@@ -1,13 +1,13 @@
 import type { AST } from "svelte-eslint-parser";
 import type { RuleContext } from "../../types";
 import type { IgnoreItem } from "./ignore-comment";
-export declare type SvelteCompileWarnings = {
+export type SvelteCompileWarnings = {
     warnings: Warning[];
     unusedIgnores: IgnoreItem[];
     kind: "warn" | "error";
     stripStyleElements: AST.SvelteStyleElement[];
 };
-export declare type Loc = {
+export type Loc = {
     start?: {
         line: number;
         column: number;
@@ -17,7 +17,7 @@ export declare type Loc = {
         column: number;
     };
 };
-export declare type Warning = {
+export type Warning = {
     code?: string;
     message: string;
 } & Loc;

package/lib/shared/svelte-compile-warns/transform/types.d.ts

@@ -1,5 +1,5 @@
 import type { AST } from "svelte-eslint-parser";
-export declare type TransformResult = {
+export type TransformResult = {
     inputRange: AST.Range;
     output: string;
     mappings: string;

package/lib/types-for-node.d.ts

@@ -1,12 +1,13 @@
 import type { TSESTree, AST_NODE_TYPES } from "@typescript-eslint/types";
 import type { AST } from "svelte-eslint-parser";
-export declare type ASTNode = AST.SvelteNode | Exclude<Omit<TSESTree.Node, "parent">, {
+export type ASTNode = AST.SvelteNode | Exclude<Omit<TSESTree.Node, "parent">, {
     type: AST.SvelteNode["type"];
 }>;
-export declare type ASTNodeWithParent = (Exclude<ASTNode, AST.SvelteProgram> & {
+export type ASTNodeWithParent = (Exclude<ASTNode, AST.SvelteProgram> & {
     parent: ASTNodeWithParent;
 }) | AST.SvelteProgram;
-export declare type ASTNodeListener = {
+export type ASTNodeListener = {
+    AccessorProperty?: (node: TSESTree.AccessorProperty & ASTNodeWithParent) => void;
     ArrayExpression?: (node: TSESTree.ArrayExpression & ASTNodeWithParent) => void;
     ArrayPattern?: (node: TSESTree.ArrayPattern & ASTNodeWithParent) => void;
     ArrowFunctionExpression?: (node: TSESTree.ArrowFunctionExpression & ASTNodeWithParent) => void;
@@ -94,6 +95,7 @@ export declare type ASTNodeListener = {
     WhileStatement?: (node: TSESTree.WhileStatement & ASTNodeWithParent) => void;
     WithStatement?: (node: TSESTree.WithStatement & ASTNodeWithParent) => void;
     YieldExpression?: (node: TSESTree.YieldExpression & ASTNodeWithParent) => void;
+    TSAbstractAccessorProperty?: (node: TSESTree.TSAbstractAccessorProperty & ASTNodeWithParent) => void;
     TSAbstractKeyword?: (node: TSESTree.TSAbstractKeyword & ASTNodeWithParent) => void;
     TSAbstractMethodDefinition?: (node: TSESTree.TSAbstractMethodDefinition & ASTNodeWithParent) => void;
     TSAbstractPropertyDefinition?: (node: TSESTree.TSAbstractPropertyDefinition & ASTNodeWithParent) => void;
@@ -151,6 +153,7 @@ export declare type ASTNodeListener = {
     TSQualifiedName?: (node: TSESTree.TSQualifiedName & ASTNodeWithParent) => void;
     TSReadonlyKeyword?: (node: TSESTree.TSReadonlyKeyword & ASTNodeWithParent) => void;
     TSRestType?: (node: TSESTree.TSRestType & ASTNodeWithParent) => void;
+    TSSatisfiesExpression?: (node: TSESTree.TSSatisfiesExpression & ASTNodeWithParent) => void;
     TSStaticKeyword?: (node: TSESTree.TSStaticKeyword & ASTNodeWithParent) => void;
     TSStringKeyword?: (node: TSESTree.TSStringKeyword & ASTNodeWithParent) => void;
     TSSymbolKeyword?: (node: TSESTree.TSSymbolKeyword & ASTNodeWithParent) => void;
@@ -204,7 +207,8 @@ export declare type ASTNodeListener = {
     SvelteHTMLComment?: (node: AST.SvelteHTMLComment & ASTNodeWithParent) => void;
     SvelteReactiveStatement?: (node: AST.SvelteReactiveStatement & ASTNodeWithParent) => void;
 };
-export declare type ESNodeListener = {
+export type ESNodeListener = {
+    AccessorProperty?: (node: TSESTree.AccessorProperty & ASTNodeWithParent) => void;
     ArrayExpression?: (node: TSESTree.ArrayExpression & ASTNodeWithParent) => void;
     ArrayPattern?: (node: TSESTree.ArrayPattern & ASTNodeWithParent) => void;
     ArrowFunctionExpression?: (node: TSESTree.ArrowFunctionExpression & ASTNodeWithParent) => void;
@@ -277,10 +281,11 @@ export declare type ESNodeListener = {
     Program?: (node: AST.SvelteProgram & ASTNodeWithParent) => void;
     SvelteReactiveStatement?: (node: AST.SvelteReactiveStatement & ASTNodeWithParent) => void;
 };
-export declare type TSNodeListener = {
+export type TSNodeListener = {
     Decorator?: (node: TSESTree.Decorator & ASTNodeWithParent) => void;
     ImportAttribute?: (node: TSESTree.ImportAttribute & ASTNodeWithParent) => void;
     StaticBlock?: (node: TSESTree.StaticBlock & ASTNodeWithParent) => void;
+    TSAbstractAccessorProperty?: (node: TSESTree.TSAbstractAccessorProperty & ASTNodeWithParent) => void;
     TSAbstractKeyword?: (node: TSESTree.TSAbstractKeyword & ASTNodeWithParent) => void;
     TSAbstractMethodDefinition?: (node: TSESTree.TSAbstractMethodDefinition & ASTNodeWithParent) => void;
     TSAbstractPropertyDefinition?: (node: TSESTree.TSAbstractPropertyDefinition & ASTNodeWithParent) => void;
@@ -338,6 +343,7 @@ export declare type TSNodeListener = {
     TSQualifiedName?: (node: TSESTree.TSQualifiedName & ASTNodeWithParent) => void;
     TSReadonlyKeyword?: (node: TSESTree.TSReadonlyKeyword & ASTNodeWithParent) => void;
     TSRestType?: (node: TSESTree.TSRestType & ASTNodeWithParent) => void;
+    TSSatisfiesExpression?: (node: TSESTree.TSSatisfiesExpression & ASTNodeWithParent) => void;
     TSStaticKeyword?: (node: TSESTree.TSStaticKeyword & ASTNodeWithParent) => void;
     TSStringKeyword?: (node: TSESTree.TSStringKeyword & ASTNodeWithParent) => void;
     TSSymbolKeyword?: (node: TSESTree.TSSymbolKeyword & ASTNodeWithParent) => void;
@@ -360,7 +366,7 @@ export declare type TSNodeListener = {
     TSUnknownKeyword?: (node: TSESTree.TSUnknownKeyword & ASTNodeWithParent) => void;
     TSVoidKeyword?: (node: TSESTree.TSVoidKeyword & ASTNodeWithParent) => void;
 };
-export declare type SvelteNodeListener = {
+export type SvelteNodeListener = {
     SvelteScriptElement?: (node: AST.SvelteScriptElement & ASTNodeWithParent) => void;
     SvelteStyleElement?: (node: AST.SvelteStyleElement & ASTNodeWithParent) => void;
     SvelteElement?: (node: AST.SvelteElement & ASTNodeWithParent) => void;

package/lib/types.d.ts

@@ -17,7 +17,7 @@ export interface RuleModule {
     meta: RuleMetaData;
     create: (context: RuleContext) => RuleListener;
 }
-export declare type RuleCategory = "Possible Errors" | "Security Vulnerability" | "Best Practices" | "Stylistic Issues" | "Extension Rules" | "System";
+export type RuleCategory = "Possible Errors" | "Security Vulnerability" | "Best Practices" | "Stylistic Issues" | "Extension Rules" | "System";
 export interface RuleMetaData {
     docs: {
         description: string;
@@ -77,7 +77,7 @@ export interface PartialRuleMetaData {
     };
     type: "problem" | "suggestion" | "layout";
 }
-export declare type RuleContext = {
+export type RuleContext = {
     id: string;
     options: any[];
     settings?: {
@@ -108,7 +108,7 @@ export declare type RuleContext = {
     report(descriptor: ReportDescriptor): void;
     getCwd?: () => string;
 };
-export declare type NodeOrToken = {
+export type NodeOrToken = {
     type: string;
     loc?: AST.SourceLocation | null;
     range?: [number, number];
@@ -119,22 +119,22 @@ interface ReportDescriptorOptionsBase {
     };
     fix?: null | ((fixer: RuleFixer) => null | Rule.Fix | IterableIterator<Rule.Fix> | Rule.Fix[]);
 }
-declare type SuggestionDescriptorMessage = {
+type SuggestionDescriptorMessage = {
     desc: string;
 } | {
     messageId: string;
 };
-export declare type SuggestionReportDescriptor = SuggestionDescriptorMessage & ReportDescriptorOptionsBase;
+export type SuggestionReportDescriptor = SuggestionDescriptorMessage & ReportDescriptorOptionsBase;
 interface ReportDescriptorOptions extends ReportDescriptorOptionsBase {
     suggest?: SuggestionReportDescriptor[] | null;
 }
-declare type ReportDescriptor = ReportDescriptorMessage & ReportDescriptorLocation & ReportDescriptorOptions;
-declare type ReportDescriptorMessage = {
+type ReportDescriptor = ReportDescriptorMessage & ReportDescriptorLocation & ReportDescriptorOptions;
+type ReportDescriptorMessage = {
     message: string;
 } | {
     messageId: string;
 };
-declare type ReportDescriptorLocation = {
+type ReportDescriptorLocation = {
     node: NodeOrToken;
 } | {
     loc: AST.SourceLocation | {

package/lib/utils/ast-utils.d.ts

@@ -32,7 +32,7 @@ export declare function getLangValue(node: SvAST.SvelteScriptElement | SvAST.Sve
 export declare function findVariable(context: RuleContext, node: TSESTree.Identifier): Variable | null;
 export declare function getScope(context: RuleContext, currentNode: TSESTree.Node): Scope;
 export declare function getParent(node: TSESTree.Node): TSESTree.Node | null;
-export declare type QuoteAndRange = {
+export type QuoteAndRange = {
     quote: "unquoted" | "double" | "single";
     range: [number, number];
     firstToken: SvAST.Token | SvAST.Comment;
@@ -47,7 +47,7 @@ export declare function getMustacheTokens(node: SvAST.SvelteDirective | SvAST.Sv
     openToken: SvAST.Token;
     closeToken: SvAST.Token;
 } | null;
-export declare function getAttributeKeyText(node: SvAST.SvelteAttribute | SvAST.SvelteShorthandAttribute | SvAST.SvelteStyleDirective | SvAST.SvelteDirective | SvAST.SvelteSpecialDirective): string;
+export declare function getAttributeKeyText(node: SvAST.SvelteAttribute | SvAST.SvelteShorthandAttribute | SvAST.SvelteStyleDirective | SvAST.SvelteDirective | SvAST.SvelteSpecialDirective, context: RuleContext): string;
 export declare function getDirectiveName(node: SvAST.SvelteDirective): string;
 export declare function getNodeName(node: SvAST.SvelteElement): string;
 export declare function isVoidHtmlElement(node: SvAST.SvelteElement): boolean;

package/lib/utils/ast-utils.js

@@ -276,7 +276,7 @@ function getMustacheTokens(node, sourceCode) {
     };
 }
 exports.getMustacheTokens = getMustacheTokens;
-function getAttributeKeyText(node) {
+function getAttributeKeyText(node, context) {
     switch (node.type) {
         case "SvelteAttribute":
         case "SvelteShorthandAttribute":
@@ -287,7 +287,7 @@ function getAttributeKeyText(node) {
             return node.kind;
         case "SvelteDirective": {
             const dir = getDirectiveName(node);
-            return `${dir}:${node.key.name.name}${node.key.modifiers.length ? `|${node.key.modifiers.join("|")}` : ""}`;
+            return `${dir}:${getSimpleNameFromNode(node.key.name, context)}${node.key.modifiers.length ? `|${node.key.modifiers.join("|")}` : ""}`;
         }
         default:
             throw new Error(`Unknown node type: ${node.type}`);
@@ -339,17 +339,7 @@ function getAttributeValueRangeTokens(attr, sourceCode) {
     };
 }
 function getNodeName(node) {
-    if (node.name.type === "Identifier" || node.name.type === "SvelteName") {
-        return node.name.name;
-    }
-    const memberPath = [node.name.property.name];
-    let currentObject = node.name.object;
-    while (currentObject.type === "SvelteMemberExpressionName") {
-        memberPath.unshift(currentObject.property.name);
-        currentObject = currentObject.object;
-    }
-    memberPath.unshift(currentObject.name);
-    return memberPath.join(".");
+    return getSimpleNameFromNode(node.name);
 }
 exports.getNodeName = getNodeName;
 function isVoidHtmlElement(node) {
@@ -392,3 +382,16 @@ function isExpressionIdentifier(node) {
     return true;
 }
 exports.isExpressionIdentifier = isExpressionIdentifier;
+function getSimpleNameFromNode(node, context) {
+    if (node.type === "Identifier" || node.type === "SvelteName") {
+        return node.name;
+    }
+    if (node.type === "SvelteMemberExpressionName" ||
+        (node.type === "MemberExpression" && !node.computed)) {
+        return `${getSimpleNameFromNode(node.object, context)}.${getSimpleNameFromNode(node.property, context)}`;
+    }
+    if (!context) {
+        throw new Error("Rule context is required");
+    }
+    return context.getSourceCode().getText(node);
+}

package/lib/utils/css-utils/style-attribute.d.ts

@@ -2,7 +2,7 @@ import type { AST } from "svelte-eslint-parser";
 import type { RuleContext } from "../../types";
 import type { TSESTree } from "@typescript-eslint/types";
 export declare function parseStyleAttributeValue(node: AST.SvelteAttribute, context: RuleContext): SvelteStyleRoot<AST.SvelteMustacheTagText> | null;
-export declare type SvelteStyleInterpolation = AST.SvelteMustacheTagText | TSESTree.Expression;
+export type SvelteStyleInterpolation = AST.SvelteMustacheTagText | TSESTree.Expression;
 export interface SvelteStyleNode<E extends SvelteStyleInterpolation> {
     nodes?: SvelteStyleChildNode<E>[];
     range: AST.Range;
@@ -40,4 +40,4 @@ export interface SvelteStyleComment extends SvelteStyleNode<never> {
     type: "comment";
     addInterpolation: (tagOrExpr: SvelteStyleInterpolation) => void;
 }
-export declare type SvelteStyleChildNode<E extends SvelteStyleInterpolation = SvelteStyleInterpolation> = SvelteStyleDeclaration<E> | SvelteStyleComment;
+export type SvelteStyleChildNode<E extends SvelteStyleInterpolation = SvelteStyleInterpolation> = SvelteStyleDeclaration<E> | SvelteStyleComment;

package/lib/utils/css-utils/template-tokenize.d.ts

@@ -1,5 +1,5 @@
 import type { Tokenizer } from "postcss/lib/tokenize";
 import tokenize from "postcss/lib/tokenize";
-declare type Tokenize = typeof tokenize;
+type Tokenize = typeof tokenize;
 declare function templateTokenize(...args: Parameters<Tokenize>): Tokenizer;
 export default templateTokenize;

package/lib/utils/get-package-json.d.ts

@@ -1,4 +1,4 @@
-declare type PackageJson = Record<string, any> & {
+type PackageJson = Record<string, any> & {
     filePath: string;
 };
 export declare function getPackageJson(startPath?: string): PackageJson | null;

package/lib/utils/rules.js

@@ -19,7 +19,9 @@ const no_at_debug_tags_1 = __importDefault(require("../rules/no-at-debug-tags"))
 const no_at_html_tags_1 = __importDefault(require("../rules/no-at-html-tags"));
 const no_dom_manipulating_1 = __importDefault(require("../rules/no-dom-manipulating"));
 const no_dupe_else_if_blocks_1 = __importDefault(require("../rules/no-dupe-else-if-blocks"));
+const no_dupe_on_directives_1 = __importDefault(require("../rules/no-dupe-on-directives"));
 const no_dupe_style_properties_1 = __importDefault(require("../rules/no-dupe-style-properties"));
+const no_dupe_use_directives_1 = __importDefault(require("../rules/no-dupe-use-directives"));
 const no_dynamic_slot_name_1 = __importDefault(require("../rules/no-dynamic-slot-name"));
 const no_export_load_in_svelte_module_in_kit_pages_1 = __importDefault(require("../rules/no-export-load-in-svelte-module-in-kit-pages"));
 const no_extra_reactive_curlies_1 = __importDefault(require("../rules/no-extra-reactive-curlies"));
@@ -66,7 +68,9 @@ exports.rules = [
     no_at_html_tags_1.default,
     no_dom_manipulating_1.default,
     no_dupe_else_if_blocks_1.default,
+    no_dupe_on_directives_1.default,
     no_dupe_style_properties_1.default,
+    no_dupe_use_directives_1.default,
     no_dynamic_slot_name_1.default,
     no_export_load_in_svelte_module_in_kit_pages_1.default,
     no_extra_reactive_curlies_1.default,

package/lib/utils/ts-utils/index.d.ts

@@ -1,8 +1,8 @@
 import type { RuleContext, ASTNode } from "../../types";
 import type * as TS from "typescript";
-export declare type TypeScript = typeof TS;
+export type TypeScript = typeof TS;
 export type { TS };
-export declare type TSTools = {
+export type TSTools = {
     service: {
         esTreeNodeToTSNodeMap: ReadonlyMap<unknown, TS.Node>;
         tsNodeToESTreeNodeMap: ReadonlyMap<TS.Node, ASTNode>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-svelte",
-  "version": "2.13.0",
+  "version": "2.14.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",
@@ -73,7 +73,7 @@
     "postcss-load-config": "^3.1.4",
     "postcss-safe-parser": "^6.0.0",
     "sourcemap-codec": "^1.4.8",
-    "svelte-eslint-parser": "^0.21.0"
+    "svelte-eslint-parser": "^0.22.0"
   },
   "devDependencies": {
     "@1stg/browserslist-config": "^1.2.3",
@@ -110,8 +110,8 @@
     "@types/postcss-safe-parser": "^5.0.1",
     "@types/prismjs": "^1.26.0",
     "@types/stylus": "^0.48.38",
-    "@typescript-eslint/eslint-plugin": "^5.4.0",
-    "@typescript-eslint/parser": "^5.4.1-0",
+    "@typescript-eslint/eslint-plugin": "^5.45.0",
+    "@typescript-eslint/parser": "^5.45.0",
     "@typescript-eslint/parser-v4": "npm:@typescript-eslint/parser@4",
     "@typescript/vfs": "^1.4.0",
     "assert": "^2.0.0",
@@ -140,7 +140,7 @@
     "less": "^4.1.2",
     "lint-staged": "^13.0.3",
     "locate-character": "^2.0.5",
-    "magic-string": "^0.26.0",
+    "magic-string": "^0.27.0",
     "markdown-it-anchor": "^8.4.1",
     "markdown-it-container": "^3.0.0",
     "markdown-it-emoji": "^2.0.0",
@@ -164,7 +164,7 @@
     "svelte-adapter-ghpages": "0.0.2",
     "svelte-i18n": "^3.4.0",
     "type-coverage": "^2.22.0",
-    "typescript": "^4.5.2",
+    "typescript": "^4.9.3",
     "vite": "^3.1.0-0",
     "vite-plugin-svelte-md": "^0.1.5",
     "yaml": "^2.1.1",
@@ -174,7 +174,7 @@
     "access": "public"
   },
   "typeCoverage": {
-    "atLeast": 98.72,
+    "atLeast": 99.05,
     "cache": true,
     "detail": true,
     "ignoreAsAssertion": true,