diff --git a/.circleci/config.yml b/.circleci/config.yml
index d593e239e..c10b2139e 100644
--- a/.circleci/config.yml
+++ b/.circleci/config.yml
@@ -43,7 +43,7 @@ jobs:
       - run:
           name: Install eslint@6
           command: |
-            npm install -D eslint@6.2.0
+            npm install --save-exact eslint@6.8.0 @typescript-eslint/parser@3.10.1 typescript@4.0.8
       - run:
           name: Install dependencies
           command: npm install
diff --git a/docs/rules/html-indent.md b/docs/rules/html-indent.md
index 61ecf57be..18fddf12d 100644
--- a/docs/rules/html-indent.md
+++ b/docs/rules/html-indent.md
@@ -17,7 +17,7 @@ since: v3.14.0
 This rule enforces a consistent indentation style in `<template>`. The default style is 2 spaces.
 
 - This rule checks all tags, also all expressions in directives and mustaches.
-- In the expressions, this rule supports ECMAScript 2020 syntaxes. It ignores unknown AST nodes, but it might be confused by non-standard syntaxes.
+- In the expressions, this rule supports ECMAScript 2022 syntaxes. It ignores unknown AST nodes, but it might be confused by non-standard syntaxes.
 
 <eslint-code-block fix :rules="{'vue/html-indent': ['error']}">
 
diff --git a/docs/rules/script-indent.md b/docs/rules/script-indent.md
index ffff5be72..b4b460183 100644
--- a/docs/rules/script-indent.md
+++ b/docs/rules/script-indent.md
@@ -13,7 +13,7 @@ since: v4.2.0
 
 ## :book: Rule Details
 
-This rule is similar to core [indent](https://eslint.org/docs/rules/indent) rule, but it has an option for inside of `<script>` tag.
+This rule enforces a consistent indentation style in `<script>`. The default style is 2 spaces.
 
 <eslint-code-block fix :rules="{'vue/script-indent': ['error']}">
 
@@ -117,7 +117,7 @@ This rule only checks `.vue` files and does not interfere with other `.js` files
 
 - [indent](https://eslint.org/docs/rules/indent)
 - [vue/html-indent](./html-indent.md)
-- [@typescript-eslint/indent](https://github.com/typescript-eslint/typescript-eslint/blob/master/packages/eslint-plugin/docs/rules/indent.md). The `vue/script-indent` rule does not understand TypeScript AST. Please use `@typescript-eslint/indent` rule instead of this one inside of `<script lang="ts"`
+- [@typescript-eslint/indent](https://github.com/typescript-eslint/typescript-eslint/blob/master/packages/eslint-plugin/docs/rules/indent.md)
 
 ## :rocket: Version
 
diff --git a/lib/rules/no-restricted-component-options.js b/lib/rules/no-restricted-component-options.js
index 6d0de9a8d..e514a7b64 100644
--- a/lib/rules/no-restricted-component-options.js
+++ b/lib/rules/no-restricted-component-options.js
@@ -50,9 +50,13 @@ function parseOption(option) {
   }
 
   /**
-   * @typedef {object} Step
-   * @property {Matcher} [test]
-   * @property {boolean} [wildcard]
+   * @typedef {object} StepForTest
+   * @property {Matcher} test
+   * @property {undefined} [wildcard]
+   * @typedef {object} StepForWildcard
+   * @property {undefined} [test]
+   * @property {true} wildcard
+   * @typedef {StepForTest | StepForWildcard} Step
    */
 
   /** @type {Step[]} */
@@ -76,20 +80,20 @@ function parseOption(option) {
    * @returns {Tester}
    */
   function buildTester(index) {
-    const { wildcard, test } = steps[index]
+    const step = steps[index]
     const next = index + 1
     const needNext = steps.length > next
     return (node) => {
       /** @type {string} */
       let keyName
-      if (wildcard) {
+      if (step.wildcard) {
         keyName = '*'
       } else {
         if (node.type !== 'Property') {
           return null
         }
         const name = utils.getStaticPropertyName(node)
-        if (!name || !test(name)) {
+        if (!name || !step.test(name)) {
           return null
         }
         keyName = name
@@ -97,7 +101,7 @@ function parseOption(option) {
 
       return {
         next: needNext ? buildTester(next) : undefined,
-        wildcard,
+        wildcard: step.wildcard,
         keyName
       }
     }
diff --git a/lib/rules/order-in-components.js b/lib/rules/order-in-components.js
index 5f3373458..83558aa39 100644
--- a/lib/rules/order-in-components.js
+++ b/lib/rules/order-in-components.js
@@ -156,6 +156,7 @@ function isNotSideEffectsNode(node, visitorKeys) {
   let skipNode = null
   traverseNodes(node, {
     visitorKeys,
+    /** @param {ASTNode} node */
     enterNode(node) {
       if (!result || skipNode) {
         return
@@ -193,6 +194,7 @@ function isNotSideEffectsNode(node, visitorKeys) {
         result = false
       }
     },
+    /** @param {ASTNode} node */
     leaveNode(node) {
       if (skipNode === node) {
         skipNode = null
diff --git a/lib/rules/sort-keys.js b/lib/rules/sort-keys.js
index 664186bdd..e84774ddc 100644
--- a/lib/rules/sort-keys.js
+++ b/lib/rules/sort-keys.js
@@ -206,8 +206,8 @@ module.exports = {
                   ''
                 chainLevel = 1
               } else {
-                propName = upperVueState.propName
-                chainLevel = upperVueState.chainLevel + 1
+                propName = upperVueState.propName || ''
+                chainLevel = (upperVueState.chainLevel || 0) + 1
               }
               vueState.propName = propName
               vueState.chainLevel = chainLevel
diff --git a/lib/utils/html-comments.js b/lib/utils/html-comments.js
index aced46e71..ec957af71 100644
--- a/lib/utils/html-comments.js
+++ b/lib/utils/html-comments.js
@@ -110,8 +110,8 @@ function defineParser(sourceCode, config) {
 
   /**
    * Parse HTMLComment.
-   * @param {ASTToken} node a comment token
-   * @returns {HTMLComment | null} the result of HTMLComment tokens.
+   * @param {Token} node a comment token
+   * @returns {ParsedHTMLComment | null} the result of HTMLComment tokens.
    */
   return function parseHTMLComment(node) {
     if (node.type !== 'HTMLComment') {
diff --git a/lib/utils/indent-common.js b/lib/utils/indent-common.js
index dafe58ad8..7d2349d3c 100644
--- a/lib/utils/indent-common.js
+++ b/lib/utils/indent-common.js
@@ -8,102 +8,38 @@
 // Requirements
 // ------------------------------------------------------------------------------
 
+const {
+  isArrowToken,
+  isOpeningParenToken,
+  isClosingParenToken,
+  isNotOpeningParenToken,
+  isNotClosingParenToken,
+  isOpeningBraceToken,
+  isClosingBraceToken,
+  isOpeningBracketToken,
+  isClosingBracketToken,
+  isSemicolonToken
+} = require('eslint-utils')
+const {
+  isComment,
+  isNotComment,
+  isWildcard,
+  isExtendsKeyword,
+  isNotWhitespace,
+  isNotEmptyTextNode,
+  isPipeOperator,
+  last
+} = require('./indent-utils')
+const { defineVisitor: tsDefineVisitor } = require('./indent-ts')
+
+/**
+ * @typedef {import('../../typings/eslint-plugin-vue/util-types/node').HasLocation} HasLocation
+ * @typedef { { type: string } & HasLocation } MaybeNode
+ */
+
 // ------------------------------------------------------------------------------
 // Helpers
 // ------------------------------------------------------------------------------
-
-/** @type {Set<ASTNode['type']>} */
-const KNOWN_NODES = new Set([
-  'ArrayExpression',
-  'ArrayPattern',
-  'ArrowFunctionExpression',
-  'AssignmentExpression',
-  'AssignmentPattern',
-  'AwaitExpression',
-  'BinaryExpression',
-  'BlockStatement',
-  'BreakStatement',
-  'CallExpression',
-  'CatchClause',
-  'ChainExpression',
-  'ClassBody',
-  'ClassDeclaration',
-  'ClassExpression',
-  'ConditionalExpression',
-  'ContinueStatement',
-  'DebuggerStatement',
-  'DoWhileStatement',
-  'EmptyStatement',
-  'ExportAllDeclaration',
-  'ExportDefaultDeclaration',
-  'ExportNamedDeclaration',
-  'ExportSpecifier',
-  'ExpressionStatement',
-  'ForInStatement',
-  'ForOfStatement',
-  'ForStatement',
-  'FunctionDeclaration',
-  'FunctionExpression',
-  'Identifier',
-  'IfStatement',
-  'ImportDeclaration',
-  'ImportDefaultSpecifier',
-  'ImportExpression',
-  'ImportNamespaceSpecifier',
-  'ImportSpecifier',
-  'LabeledStatement',
-  'Literal',
-  'LogicalExpression',
-  'MemberExpression',
-  'MetaProperty',
-  'MethodDefinition',
-  'NewExpression',
-  'ObjectExpression',
-  'ObjectPattern',
-  'PrivateIdentifier',
-  'Program',
-  'Property',
-  'PropertyDefinition',
-  'RestElement',
-  'ReturnStatement',
-  'SequenceExpression',
-  'SpreadElement',
-  'Super',
-  'SwitchCase',
-  'SwitchStatement',
-  'TaggedTemplateExpression',
-  'TemplateElement',
-  'TemplateLiteral',
-  'ThisExpression',
-  'ThrowStatement',
-  'TryStatement',
-  'UnaryExpression',
-  'UpdateExpression',
-  'VariableDeclaration',
-  'VariableDeclarator',
-  'WhileStatement',
-  'WithStatement',
-  'YieldExpression',
-  'VAttribute',
-  'VDirectiveKey',
-  'VDocumentFragment',
-  'VElement',
-  'VEndTag',
-  'VExpressionContainer',
-  'VFilter',
-  'VFilterSequenceExpression',
-  'VForExpression',
-  'VIdentifier',
-  'VLiteral',
-  'VOnExpression',
-  'VSlotScopeExpression',
-  'VStartTag',
-  'VText'
-])
-const NON_STANDARD_KNOWN_NODES = new Set([
-  'ExperimentalRestProperty',
-  'ExperimentalSpreadProperty'
-])
 const LT_CHAR = /[\r\n\u2028\u2029]/
 const LINES = /[^\r\n\u2028\u2029]+(?:$|\r\n|[\r\n\u2028\u2029])/g
 const BLOCK_COMMENT_PREFIX = /^\s*\*/
@@ -172,10 +108,10 @@ function parseOptions(type, options, defaultOptions) {
     ret.indentSize = 1
   }
 
-  if (Number.isSafeInteger(options.baseIndent)) {
+  if (options.baseIndent != null && Number.isSafeInteger(options.baseIndent)) {
     ret.baseIndent = options.baseIndent
   }
-  if (Number.isSafeInteger(options.attribute)) {
+  if (options.attribute != null && Number.isSafeInteger(options.attribute)) {
     ret.attribute = options.attribute
   }
   if (Number.isSafeInteger(options.closeBracket)) {
@@ -195,7 +131,7 @@ function parseOptions(type, options, defaultOptions) {
       options.closeBracket
     )
   }
-  if (Number.isSafeInteger(options.switchCase)) {
+  if (options.switchCase != null && Number.isSafeInteger(options.switchCase)) {
     ret.switchCase = options.switchCase
   }
 
@@ -209,191 +145,11 @@ function parseOptions(type, options, defaultOptions) {
   return ret
 }
 
-/**
- * Check whether the given token is an arrow.
- * @param {Token|undefined|null} token The token to check.
- * @returns {boolean} `true` if the token is an arrow.
- */
-function isArrow(token) {
-  return token != null && token.type === 'Punctuator' && token.value === '=>'
-}
-
-/**
- * Check whether the given token is a left parenthesis.
- * @param {Token|undefined|null} token The token to check.
- * @returns {boolean} `true` if the token is a left parenthesis.
- */
-function isLeftParen(token) {
-  return token != null && token.type === 'Punctuator' && token.value === '('
-}
-
-/**
- * Check whether the given token is a left parenthesis.
- * @param {Token|undefined|null} token The token to check.
- * @returns {boolean} `false` if the token is a left parenthesis.
- */
-function isNotLeftParen(token) {
-  return token != null && (token.type !== 'Punctuator' || token.value !== '(')
-}
-
-/**
- * Check whether the given token is a right parenthesis.
- * @param {Token|undefined|null} token The token to check.
- * @returns {boolean} `true` if the token is a right parenthesis.
- */
-function isRightParen(token) {
-  return token != null && token.type === 'Punctuator' && token.value === ')'
-}
-
-/**
- * Check whether the given token is a right parenthesis.
- * @param {Token|undefined|null} token The token to check.
- * @returns {boolean} `false` if the token is a right parenthesis.
- */
-function isNotRightParen(token) {
-  return token != null && (token.type !== 'Punctuator' || token.value !== ')')
-}
-
-/**
- * Check whether the given token is a left brace.
- * @param {Token|undefined|null} token The token to check.
- * @returns {boolean} `true` if the token is a left brace.
- */
-function isLeftBrace(token) {
-  return token != null && token.type === 'Punctuator' && token.value === '{'
-}
-
-/**
- * Check whether the given token is a right brace.
- * @param {Token|undefined|null} token The token to check.
- * @returns {boolean} `true` if the token is a right brace.
- */
-function isRightBrace(token) {
-  return token != null && token.type === 'Punctuator' && token.value === '}'
-}
-
-/**
- * Check whether the given token is a left bracket.
- * @param {Token|undefined|null} token The token to check.
- * @returns {boolean} `true` if the token is a left bracket.
- */
-function isLeftBracket(token) {
-  return token != null && token.type === 'Punctuator' && token.value === '['
-}
-
-/**
- * Check whether the given token is a right bracket.
- * @param {Token|undefined|null} token The token to check.
- * @returns {boolean} `true` if the token is a right bracket.
- */
-function isRightBracket(token) {
-  return token != null && token.type === 'Punctuator' && token.value === ']'
-}
-
-/**
- * Check whether the given token is a semicolon.
- * @param {Token|undefined|null} token The token to check.
- * @returns {boolean} `true` if the token is a semicolon.
- */
-function isSemicolon(token) {
-  return token != null && token.type === 'Punctuator' && token.value === ';'
-}
-
-/**
- * Check whether the given token is a comma.
- * @param {Token|undefined|null} token The token to check.
- * @returns {boolean} `true` if the token is a comma.
- */
-function isComma(token) {
-  return token != null && token.type === 'Punctuator' && token.value === ','
-}
-/**
- * Check whether the given token is a wildcard.
- * @param {Token} token The token to check.
- * @returns {boolean} `true` if the token is a wildcard.
- */
-function isWildcard(token) {
-  return token != null && token.type === 'Punctuator' && token.value === '*'
-}
-
-/**
- * Check whether the given token is a whitespace.
- * @param {Token|undefined|null} token The token to check.
- * @returns {boolean} `true` if the token is a whitespace.
- */
-function isNotWhitespace(token) {
-  return token != null && token.type !== 'HTMLWhitespace'
-}
-
-/**
- * Check whether the given token is a comment.
- * @param {Token|undefined|null} token The token to check.
- * @returns {boolean} `true` if the token is a comment.
- */
-function isComment(token) {
-  return (
-    token != null &&
-    (token.type === 'Block' ||
-      token.type === 'Line' ||
-      token.type === 'Shebang' ||
-      (typeof token.type ===
-        'string' /* Although acorn supports new tokens, espree may not yet support new tokens.*/ &&
-        token.type.endsWith('Comment')))
-  )
-}
-
-/**
- * Check whether the given token is a comment.
- * @param {Token|undefined|null} token The token to check.
- * @returns {boolean} `false` if the token is a comment.
- */
-function isNotComment(token) {
-  return (
-    token != null &&
-    token.type !== 'Block' &&
-    token.type !== 'Line' &&
-    token.type !== 'Shebang' &&
-    !(
-      typeof token.type ===
-        'string' /* Although acorn supports new tokens, espree may not yet support new tokens.*/ &&
-      token.type.endsWith('Comment')
-    )
-  )
-}
-
-/**
- * Check whether the given node is not an empty text node.
- * @param {ASTNode} node The node to check.
- * @returns {boolean} `false` if the token is empty text node.
- */
-function isNotEmptyTextNode(node) {
-  return !(node.type === 'VText' && node.value.trim() === '')
-}
-
-/**
- * Check whether the given token is a pipe operator.
- * @param {Token|undefined|null} token The token to check.
- * @returns {boolean} `true` if the token is a pipe operator.
- */
-function isPipeOperator(token) {
-  return token != null && token.type === 'Punctuator' && token.value === '|'
-}
-
-/**
- * Get the last element.
- * @template T
- * @param {T[]} xs The array to get the last element.
- * @returns {T | undefined} The last element or undefined.
- */
-function last(xs) {
-  return xs.length === 0 ? undefined : xs[xs.length - 1]
-}
-
 /**
  * Check whether the node is at the beginning of line.
- * @param {ASTNode|null} node The node to check.
+ * @param {MaybeNode|null} node The node to check.
  * @param {number} index The index of the node in the nodes.
- * @param {(ASTNode|null)[]} nodes The array of nodes.
+ * @param {(MaybeNode|null)[]} nodes The array of nodes.
  * @returns {boolean} `true` if the node is at the beginning of line.
  */
 function isBeginningOfLine(node, index, nodes) {
@@ -425,6 +181,15 @@ function isClosingToken(token) {
   )
 }
 
+/**
+ * Checks whether  a given token is a optional token.
+ * @param {Token} token The token to check.
+ * @returns {boolean} `true` if the token is a optional token.
+ */
+function isOptionalToken(token) {
+  return token.type === 'Punctuator' && token.value === '?.'
+}
+
 /**
  * Creates AST event handlers for html-indent.
  *
@@ -446,6 +211,10 @@ module.exports.defineVisitor = function create(
     defaultOptions
   )
   const sourceCode = context.getSourceCode()
+  /**
+   * @typedef { { baseToken: Token | null, offset: number, baseline: boolean, expectedIndent: number | undefined } } OffsetData
+   */
+  /** @type {Map<Token|null, OffsetData>} */
   const offsets = new Map()
   const ignoreTokens = new Set()
 
@@ -457,11 +226,12 @@ module.exports.defineVisitor = function create(
    * @returns {void}
    */
   function setOffset(token, offset, baseToken) {
-    if (!token) {
+    if (!token || token === baseToken) {
       return
     }
     if (Array.isArray(token)) {
       for (const t of token) {
+        if (!t || t === baseToken) continue
         offsets.set(t, {
           baseToken,
           offset,
@@ -479,6 +249,33 @@ module.exports.defineVisitor = function create(
     }
   }
 
+  /**
+   * Copy offset to the given tokens from srcToken.
+   * @param {Token} token The token to set.
+   * @param {Token} srcToken The token of the source offset.
+   * @returns {void}
+   */
+  function copyOffset(token, srcToken) {
+    if (!token) {
+      return
+    }
+    const offsetData = offsets.get(srcToken)
+    if (!offsetData) {
+      return
+    }
+
+    setOffset(
+      token,
+      offsetData.offset,
+      /** @type {Token} */ (offsetData.baseToken)
+    )
+    if (offsetData.baseline) {
+      setBaseline(token)
+    }
+    const o = /** @type {OffsetData} */ (offsets.get(token))
+    o.expectedIndent = offsetData.expectedIndent
+  }
+
   /**
    * Set baseline flag to the given token.
    * @param {Token} token The token to set.
@@ -525,7 +322,7 @@ module.exports.defineVisitor = function create(
   /**
    * Get the first and last tokens of the given node.
    * If the node is parenthesized, this gets the outermost parentheses.
-   * @param {ASTNode} node The node to get.
+   * @param {MaybeNode} node The node to get.
    * @param {number} [borderOffset] The least offset of the first token. Defailt is 0. This value is used to prevent false positive in the following case: `(a) => {}` The parentheses are enclosing the whole parameter part rather than the first parameter, but this offset parameter is needed to distinguish.
    * @returns {{firstToken:Token,lastToken:Token}} The gotten tokens.
    */
@@ -540,8 +337,8 @@ module.exports.defineVisitor = function create(
     while (
       (t = tokenStore.getTokenBefore(firstToken)) != null &&
       (u = tokenStore.getTokenAfter(lastToken)) != null &&
-      isLeftParen(t) &&
-      isRightParen(u) &&
+      isOpeningParenToken(t) &&
+      isClosingParenToken(u) &&
       t.range[0] >= borderOffset
     ) {
       firstToken = t
@@ -555,9 +352,9 @@ module.exports.defineVisitor = function create(
    * Process the given node list.
    * The first node is offsetted from the given left token.
    * Rest nodes are adjusted to the first node.
-   * @param {(ASTNode|null)[]} nodeList The node to process.
-   * @param {ASTNode|Token|null} left The left parenthesis token.
-   * @param {ASTNode|Token|null} right The right parenthesis token.
+   * @param {(MaybeNode|null)[]} nodeList The node to process.
+   * @param {MaybeNode|Token|null} left The left parenthesis token.
+   * @param {MaybeNode|Token|null} right The right parenthesis token.
    * @param {number} offset The offset to set.
    * @param {boolean} [alignVertically=true] The flag to align vertically. If `false`, this doesn't align vertically even if the first node is not at beginning of line.
    * @returns {void}
@@ -663,28 +460,35 @@ module.exports.defineVisitor = function create(
    */
   function processMaybeBlock(node, baseToken) {
     const firstToken = getFirstAndLastTokens(node).firstToken
-    setOffset(firstToken, isLeftBrace(firstToken) ? 0 : 1, baseToken)
+    setOffset(firstToken, isOpeningBraceToken(firstToken) ? 0 : 1, baseToken)
   }
 
   /**
-   * Collect prefix tokens of the given property.
-   * The prefix includes `async`, `get`, `set`, `static`, and `*`.
-   * @param {Property|MethodDefinition|PropertyDefinition} node The property node to collect prefix tokens.
+   * Process semicolons of the given statement node.
+   * @param {MaybeNode} node The statement node to process.
+   * @returns {void}
    */
-  function getPrefixTokens(node) {
-    const prefixes = []
-
-    /** @type {Token|null} */
-    let token = tokenStore.getFirstToken(node)
-    while (token != null && token.range[1] <= node.key.range[0]) {
-      prefixes.push(token)
-      token = tokenStore.getTokenAfter(token)
-    }
-    while (isLeftParen(last(prefixes)) || isLeftBracket(last(prefixes))) {
-      prefixes.pop()
+  function processSemicolons(node) {
+    const firstToken = tokenStore.getFirstToken(node)
+    const lastToken = tokenStore.getLastToken(node)
+    if (isSemicolonToken(lastToken) && firstToken !== lastToken) {
+      setOffset(lastToken, 0, firstToken)
     }
 
-    return prefixes
+    // Set to the semicolon of the previous token for semicolon-free style.
+    // E.g.,
+    //   foo
+    //   ;[1,2,3].forEach(f)
+    const info = offsets.get(firstToken)
+    const prevToken = tokenStore.getTokenBefore(firstToken)
+    if (
+      info != null &&
+      prevToken &&
+      isSemicolonToken(prevToken) &&
+      prevToken.loc.end.line === firstToken.loc.start.line
+    ) {
+      offsets.set(prevToken, info)
+    }
   }
 
   /**
@@ -696,7 +500,7 @@ module.exports.defineVisitor = function create(
     const type = node.type
     while (node.parent && node.parent.type === type) {
       const prevToken = tokenStore.getTokenBefore(node)
-      if (isLeftParen(prevToken)) {
+      if (isOpeningParenToken(prevToken)) {
         // The chaining is broken by parentheses.
         break
       }
@@ -734,7 +538,7 @@ module.exports.defineVisitor = function create(
           return false
         }
         const prevToken = tokenStore.getTokenBefore(belongingNode)
-        if (isLeftParen(prevToken)) {
+        if (isOpeningParenToken(prevToken)) {
           // It is not the first token because it is enclosed in parentheses.
           return false
         }
@@ -742,7 +546,7 @@ module.exports.defineVisitor = function create(
       }
       if (parent.type === 'CallExpression' || parent.type === 'NewExpression') {
         const openParen = /** @type {Token} */ (
-          tokenStore.getTokenAfter(parent.callee, isNotRightParen)
+          tokenStore.getTokenAfter(parent.callee, isNotClosingParenToken)
         )
         return parent.arguments.some(
           (param) =>
@@ -928,7 +732,7 @@ module.exports.defineVisitor = function create(
    * Validate the given token with the pre-calculated expected indentation.
    * @param {Token} token The token to validate.
    * @param {number} expectedIndent The expected indentation.
-   * @param {number[]} [optionalExpectedIndents] The optional expected indentation.
+   * @param {[number, number?]} [optionalExpectedIndents] The optional expected indentation.
    * @returns {void}
    */
   function validateCore(token, expectedIndent, optionalExpectedIndents) {
@@ -992,8 +796,8 @@ module.exports.defineVisitor = function create(
    * Get the expected indent of comments.
    * @param {Token} nextToken The next token of comments.
    * @param {number} nextExpectedIndent The expected indent of the next token.
-   * @param {number} lastExpectedIndent The expected indent of the last token.
-   * @returns {number[]}
+   * @param {number|undefined} lastExpectedIndent The expected indent of the last token.
+   * @returns {[number, number?]}
    */
   function getCommentExpectedIndents(
     nextToken,
@@ -1079,8 +883,8 @@ module.exports.defineVisitor = function create(
           baseline.add(token)
         } else if (baseline.has(offsetInfo.baseToken)) {
           // The base token is a baseline token on this line, so inherit it.
-          offsetInfo.expectedIndent = offsets.get(
-            offsetInfo.baseToken
+          offsetInfo.expectedIndent = /** @type {OffsetData} */ (
+            offsets.get(offsetInfo.baseToken)
           ).expectedIndent
           baseline.add(token)
         } else {
@@ -1125,8 +929,14 @@ module.exports.defineVisitor = function create(
   // Main
   // ------------------------------------------------------------------------------
 
-  return processIgnores({
-    /** @param {VAttribute} node */
+  /** @type {Set<string>} */
+  const knownNodes = new Set()
+  /** @type {TemplateListener} */
+  const visitor = {
+    // ----------------------------------------------------------------------
+    // Vue NODES
+    // ----------------------------------------------------------------------
+    /** @param {VAttribute | VDirective} node */
     VAttribute(node) {
       const keyToken = tokenStore.getFirstToken(node)
       const eqToken = tokenStore.getTokenAfter(node.key)
@@ -1187,7 +997,7 @@ module.exports.defineVisitor = function create(
     VFilter(node) {
       const idToken = tokenStore.getFirstToken(node)
       const lastToken = tokenStore.getLastToken(node)
-      if (isRightParen(lastToken)) {
+      if (isClosingParenToken(lastToken)) {
         const leftParenToken = tokenStore.getTokenAfter(node.callee)
         setOffset(leftParenToken, 1, idToken)
         processNodeList(node.arguments, leftParenToken, lastToken, 1)
@@ -1217,12 +1027,15 @@ module.exports.defineVisitor = function create(
       const firstToken = tokenStore.getFirstToken(node)
       const lastOfLeft = last(node.left) || firstToken
       const inToken = /** @type {Token} */ (
-        tokenStore.getTokenAfter(lastOfLeft, isNotRightParen)
+        tokenStore.getTokenAfter(lastOfLeft, isNotClosingParenToken)
       )
       const rightToken = tokenStore.getFirstToken(node.right)
 
-      if (isLeftParen(firstToken)) {
-        const rightToken = tokenStore.getTokenAfter(lastOfLeft, isRightParen)
+      if (isOpeningParenToken(firstToken)) {
+        const rightToken = tokenStore.getTokenAfter(
+          lastOfLeft,
+          isClosingParenToken
+        )
         processNodeList(node.left, firstToken, rightToken, 1)
       }
       setOffset(inToken, 1, firstToken)
@@ -1261,29 +1074,42 @@ module.exports.defineVisitor = function create(
         offsets.set(token, Object.assign({}, firstTokenInfo))
       }
     },
+    // ----------------------------------------------------------------------
+    // SINGLE TOKEN NODES
+    // ----------------------------------------------------------------------
+    VIdentifier() {},
+    VLiteral() {},
+    // ----------------------------------------------------------------------
+    // WRAPPER NODES
+    // ----------------------------------------------------------------------
+    VDirectiveKey() {},
+    VSlotScopeExpression() {},
+    // ----------------------------------------------------------------------
+    // ES NODES
+    // ----------------------------------------------------------------------
     /** @param {ArrayExpression | ArrayPattern} node */
     'ArrayExpression, ArrayPattern'(node) {
-      processNodeList(
-        node.elements,
-        tokenStore.getFirstToken(node),
-        tokenStore.getLastToken(node),
-        1
+      const firstToken = tokenStore.getFirstToken(node)
+      const rightToken = tokenStore.getTokenAfter(
+        node.elements[node.elements.length - 1] || firstToken,
+        isClosingBracketToken
       )
+      processNodeList(node.elements, firstToken, rightToken, 1)
     },
     /** @param {ArrowFunctionExpression} node */
     ArrowFunctionExpression(node) {
       const firstToken = tokenStore.getFirstToken(node)
       const secondToken = tokenStore.getTokenAfter(firstToken)
       const leftToken = node.async ? secondToken : firstToken
-      const arrowToken = tokenStore.getTokenBefore(node.body, isArrow)
+      const arrowToken = tokenStore.getTokenBefore(node.body, isArrowToken)
 
       if (node.async) {
         setOffset(secondToken, 1, firstToken)
       }
-      if (isLeftParen(leftToken)) {
+      if (isOpeningParenToken(leftToken)) {
         const rightToken = tokenStore.getTokenAfter(
           last(node.params) || leftToken,
-          isRightParen
+          isClosingParenToken
         )
         processNodeList(node.params, leftToken, rightToken, 1)
       }
@@ -1297,7 +1123,7 @@ module.exports.defineVisitor = function create(
     ) {
       const leftToken = getChainHeadToken(node)
       const opToken = /** @type {Token} */ (
-        tokenStore.getTokenAfter(node.left, isNotRightParen)
+        tokenStore.getTokenAfter(node.left, isNotClosingParenToken)
       )
       const rightToken = tokenStore.getTokenAfter(opToken)
       const prevToken = tokenStore.getTokenBefore(leftToken)
@@ -1343,7 +1169,17 @@ module.exports.defineVisitor = function create(
     CallExpression(node) {
       const firstToken = tokenStore.getFirstToken(node)
       const rightToken = tokenStore.getLastToken(node)
-      const leftToken = tokenStore.getTokenAfter(node.callee, isLeftParen)
+      const leftToken = /** @type {Token} */ (
+        tokenStore.getTokenAfter(node.callee, isOpeningParenToken)
+      )
+
+      for (const optionalToken of tokenStore.getTokensBetween(
+        tokenStore.getLastToken(node.callee),
+        leftToken,
+        isOptionalToken
+      )) {
+        setOffset(optionalToken, 1, firstToken)
+      }
 
       setOffset(leftToken, 1, firstToken)
       processNodeList(node.arguments, leftToken, rightToken, 1)
@@ -1352,7 +1188,10 @@ module.exports.defineVisitor = function create(
     ImportExpression(node) {
       const firstToken = tokenStore.getFirstToken(node)
       const rightToken = tokenStore.getLastToken(node)
-      const leftToken = tokenStore.getTokenAfter(firstToken, isLeftParen)
+      const leftToken = tokenStore.getTokenAfter(
+        firstToken,
+        isOpeningParenToken
+      )
 
       setOffset(leftToken, 1, firstToken)
       processNodeList([node.source], leftToken, rightToken, 1)
@@ -1380,7 +1219,9 @@ module.exports.defineVisitor = function create(
         setOffset(tokenStore.getFirstToken(node.id), 1, firstToken)
       }
       if (node.superClass != null) {
-        const extendsToken = tokenStore.getTokenAfter(node.id || firstToken)
+        const extendsToken = /** @type {Token} */ (
+          tokenStore.getTokenBefore(node.superClass, isExtendsKeyword)
+        )
         const superClassToken = tokenStore.getTokenAfter(extendsToken)
         setOffset(extendsToken, 1, firstToken)
         setOffset(superClassToken, 1, extendsToken)
@@ -1392,11 +1233,11 @@ module.exports.defineVisitor = function create(
       const prevToken = tokenStore.getTokenBefore(node)
       const firstToken = tokenStore.getFirstToken(node)
       const questionToken = /** @type {Token} */ (
-        tokenStore.getTokenAfter(node.test, isNotRightParen)
+        tokenStore.getTokenAfter(node.test, isNotClosingParenToken)
       )
       const consequentToken = tokenStore.getTokenAfter(questionToken)
       const colonToken = /** @type {Token} */ (
-        tokenStore.getTokenAfter(node.consequent, isNotRightParen)
+        tokenStore.getTokenAfter(node.consequent, isNotClosingParenToken)
       )
       const alternateToken = tokenStore.getTokenAfter(colonToken)
       const isFlat =
@@ -1419,12 +1260,12 @@ module.exports.defineVisitor = function create(
     DoWhileStatement(node) {
       const doToken = tokenStore.getFirstToken(node)
       const whileToken = /** @type {Token} */ (
-        tokenStore.getTokenAfter(node.body, isNotRightParen)
+        tokenStore.getTokenAfter(node.body, isNotClosingParenToken)
       )
       const leftToken = tokenStore.getTokenAfter(whileToken)
       const testToken = tokenStore.getTokenAfter(leftToken)
       const lastToken = tokenStore.getLastToken(node)
-      const rightToken = isSemicolon(lastToken)
+      const rightToken = isSemicolonToken(lastToken)
         ? tokenStore.getTokenBefore(lastToken)
         : lastToken
 
@@ -1438,7 +1279,7 @@ module.exports.defineVisitor = function create(
     ExportAllDeclaration(node) {
       const tokens = tokenStore.getTokens(node)
       const firstToken = /** @type {Token} */ (tokens.shift())
-      if (isSemicolon(last(tokens))) {
+      if (isSemicolonToken(tokens[tokens.length - 1])) {
         tokens.pop()
       }
       if (!node.exported) {
@@ -1478,16 +1319,13 @@ module.exports.defineVisitor = function create(
           // export {foo, bar}; or export {foo, bar} from "mod";
           const leftParenToken = tokenStore.getFirstToken(node, 1)
           const rightParenToken = /** @type {Token} */ (
-            tokenStore.getLastToken(node, isRightBrace)
+            tokenStore.getLastToken(node, isClosingBraceToken)
           )
           setOffset(leftParenToken, 0, exportToken)
           processNodeList(node.specifiers, leftParenToken, rightParenToken, 1)
 
           const maybeFromToken = tokenStore.getTokenAfter(rightParenToken)
-          if (
-            maybeFromToken != null &&
-            sourceCode.getText(maybeFromToken) === 'from'
-          ) {
+          if (maybeFromToken != null && maybeFromToken.value === 'from') {
             const fromToken = maybeFromToken
             const nameToken = tokenStore.getTokenAfter(fromToken)
             setOffset([fromToken, nameToken], 1, exportToken)
@@ -1514,12 +1352,12 @@ module.exports.defineVisitor = function create(
       const leftParenToken = tokenStore.getTokenAfter(awaitToken || forToken)
       const leftToken = tokenStore.getTokenAfter(leftParenToken)
       const inToken = /** @type {Token} */ (
-        tokenStore.getTokenAfter(leftToken, isNotRightParen)
+        tokenStore.getTokenAfter(leftToken, isNotClosingParenToken)
       )
       const rightToken = tokenStore.getTokenAfter(inToken)
       const rightParenToken = tokenStore.getTokenBefore(
         node.body,
-        isNotLeftParen
+        isNotOpeningParenToken
       )
 
       if (awaitToken != null) {
@@ -1538,7 +1376,7 @@ module.exports.defineVisitor = function create(
       const leftParenToken = tokenStore.getTokenAfter(forToken)
       const rightParenToken = tokenStore.getTokenBefore(
         node.body,
-        isNotLeftParen
+        isNotOpeningParenToken
       )
 
       setOffset(leftParenToken, 1, forToken)
@@ -1553,48 +1391,51 @@ module.exports.defineVisitor = function create(
     /** @param {FunctionDeclaration | FunctionExpression} node */
     'FunctionDeclaration, FunctionExpression'(node) {
       const firstToken = tokenStore.getFirstToken(node)
-      if (isLeftParen(firstToken)) {
+      let leftParenToken, bodyBaseToken
+      if (isOpeningParenToken(firstToken)) {
         // Methods.
-        const leftToken = firstToken
-        const rightToken = tokenStore.getTokenAfter(
-          last(node.params) || leftToken,
-          isRightParen
-        )
-        const bodyToken = tokenStore.getFirstToken(node.body)
-
-        processNodeList(node.params, leftToken, rightToken, 1)
-        setOffset(bodyToken, 0, tokenStore.getFirstToken(node.parent))
+        leftParenToken = firstToken
+        bodyBaseToken = tokenStore.getFirstToken(node.parent)
       } else {
         // Normal functions.
-        const functionToken = node.async
-          ? tokenStore.getTokenAfter(firstToken)
-          : firstToken
-        const starToken = node.generator
-          ? tokenStore.getTokenAfter(functionToken)
-          : null
-        const idToken = node.id && tokenStore.getFirstToken(node.id)
-        const leftToken = tokenStore.getTokenAfter(
-          idToken || starToken || functionToken
-        )
-        const rightToken = tokenStore.getTokenAfter(
-          last(node.params) || leftToken,
-          isRightParen
-        )
-        const bodyToken = tokenStore.getFirstToken(node.body)
-
-        if (node.async) {
-          setOffset(functionToken, 0, firstToken)
-        }
-        if (node.generator) {
-          setOffset(starToken, 1, firstToken)
-        }
-        if (node.id != null) {
-          setOffset(idToken, 1, firstToken)
+        let nextToken = tokenStore.getTokenAfter(firstToken)
+        let nextTokenOffset = 0
+        while (
+          nextToken &&
+          !isOpeningParenToken(nextToken) &&
+          nextToken.value !== '<'
+        ) {
+          if (
+            nextToken.value === '*' ||
+            (node.id && nextToken.range[0] === node.id.range[0])
+          ) {
+            nextTokenOffset = 1
+          }
+          setOffset(nextToken, nextTokenOffset, firstToken)
+          nextToken = tokenStore.getTokenAfter(nextToken)
         }
-        setOffset(leftToken, 1, firstToken)
-        processNodeList(node.params, leftToken, rightToken, 1)
-        setOffset(bodyToken, 0, firstToken)
+
+        leftParenToken = nextToken
+        bodyBaseToken = firstToken
+      }
+
+      if (
+        !isOpeningParenToken(leftParenToken) &&
+        /** @type {any} */ (node).typeParameters
+      ) {
+        leftParenToken = tokenStore.getTokenAfter(
+          /** @type {any} */ (node).typeParameters
+        )
       }
+      const rightParenToken = tokenStore.getTokenAfter(
+        node.params[node.params.length - 1] || leftParenToken,
+        isClosingParenToken
+      )
+      setOffset(leftParenToken, 1, bodyBaseToken)
+      processNodeList(node.params, leftParenToken, rightParenToken, 1)
+
+      const bodyToken = tokenStore.getFirstToken(node.body)
+      setOffset(bodyToken, 0, bodyBaseToken)
     },
     /** @param {IfStatement} node */
     IfStatement(node) {
@@ -1602,7 +1443,7 @@ module.exports.defineVisitor = function create(
       const ifLeftParenToken = tokenStore.getTokenAfter(ifToken)
       const ifRightParenToken = tokenStore.getTokenBefore(
         node.consequent,
-        isRightParen
+        isClosingParenToken
       )
 
       setOffset(ifLeftParenToken, 1, ifToken)
@@ -1611,7 +1452,7 @@ module.exports.defineVisitor = function create(
 
       if (node.alternate != null) {
         const elseToken = /** @type {Token} */ (
-          tokenStore.getTokenAfter(node.consequent, isNotRightParen)
+          tokenStore.getTokenAfter(node.consequent, isNotClosingParenToken)
         )
 
         setOffset(elseToken, 0, ifToken)
@@ -1620,92 +1461,71 @@ module.exports.defineVisitor = function create(
     },
     /** @param {ImportDeclaration} node */
     ImportDeclaration(node) {
-      const firstSpecifier = node.specifiers[0]
-      const secondSpecifier = node.specifiers[1]
       const importToken = tokenStore.getFirstToken(node)
-      const hasSemi = tokenStore.getLastToken(node).value === ';'
-      /** @type {Token[]} */
-      const tokens = [] // tokens to one indent
-
-      if (!firstSpecifier) {
-        // There are 2 patterns:
-        //     import "foo"
-        //     import {} from "foo"
-        const secondToken = tokenStore.getFirstToken(node, 1)
-        if (isLeftBrace(secondToken)) {
-          setOffset(
-            [secondToken, tokenStore.getTokenAfter(secondToken)],
-            0,
-            importToken
-          )
-          tokens.push(
-            tokenStore.getLastToken(node, hasSemi ? 2 : 1), // from
-            tokenStore.getLastToken(node, hasSemi ? 1 : 0) // "foo"
-          )
+      const tokens = tokenStore.getTokensBetween(importToken, node.source)
+      const fromIndex = tokens.map((t) => t.value).lastIndexOf('from')
+      const { fromToken, beforeTokens, afterTokens } =
+        fromIndex >= 0
+          ? {
+              fromToken: tokens[fromIndex],
+              beforeTokens: tokens.slice(0, fromIndex),
+              afterTokens: [
+                ...tokens.slice(fromIndex + 1),
+                tokenStore.getFirstToken(node.source)
+              ]
+            }
+          : {
+              fromToken: null,
+              beforeTokens: [...tokens, tokenStore.getFirstToken(node.source)],
+              afterTokens: []
+            }
+
+      /** @type {ImportSpecifier[]} */
+      const namedSpecifiers = []
+      for (const specifier of node.specifiers) {
+        if (specifier.type === 'ImportSpecifier') {
+          namedSpecifiers.push(specifier)
         } else {
-          tokens.push(tokenStore.getLastToken(node, hasSemi ? 1 : 0))
+          const removeTokens = tokenStore.getTokens(specifier)
+          removeTokens.shift()
+          for (const token of removeTokens) {
+            const i = beforeTokens.indexOf(token)
+            if (i >= 0) {
+              beforeTokens.splice(i, 1)
+            }
+          }
         }
-      } else if (firstSpecifier.type === 'ImportDefaultSpecifier') {
-        if (
-          secondSpecifier &&
-          secondSpecifier.type === 'ImportNamespaceSpecifier'
-        ) {
-          // There is a pattern:
-          //     import Foo, * as foo from "foo"
-          tokens.push(
-            tokenStore.getFirstToken(firstSpecifier), // Foo
-            tokenStore.getTokenAfter(firstSpecifier), // comma
-            tokenStore.getFirstToken(secondSpecifier), // *
-            tokenStore.getLastToken(node, hasSemi ? 2 : 1), // from
-            tokenStore.getLastToken(node, hasSemi ? 1 : 0) // "foo"
-          )
-        } else {
-          // There are 3 patterns:
-          //     import Foo from "foo"
-          //     import Foo, {} from "foo"
-          //     import Foo, {a} from "foo"
-          const idToken = tokenStore.getFirstToken(firstSpecifier)
-          const nextToken = tokenStore.getTokenAfter(firstSpecifier)
-          if (isComma(nextToken)) {
-            const leftBrace = tokenStore.getTokenAfter(nextToken)
-            const rightBrace = tokenStore.getLastToken(node, hasSemi ? 3 : 2)
-            setOffset([idToken, nextToken], 1, importToken)
-            setOffset(leftBrace, 0, idToken)
-            processNodeList(node.specifiers.slice(1), leftBrace, rightBrace, 1)
-            tokens.push(
-              tokenStore.getLastToken(node, hasSemi ? 2 : 1), // from
-              tokenStore.getLastToken(node, hasSemi ? 1 : 0) // "foo"
-            )
-          } else {
-            tokens.push(
-              idToken,
-              nextToken, // from
-              tokenStore.getTokenAfter(nextToken) // "foo"
-            )
+      }
+      if (namedSpecifiers.length) {
+        const leftBrace = tokenStore.getTokenBefore(namedSpecifiers[0])
+        const rightBrace = tokenStore.getTokenAfter(
+          namedSpecifiers[namedSpecifiers.length - 1]
+        )
+        processNodeList(namedSpecifiers, leftBrace, rightBrace, 1)
+        for (const token of tokenStore.getTokensBetween(
+          leftBrace,
+          rightBrace
+        )) {
+          const i = beforeTokens.indexOf(token)
+          if (i >= 0) {
+            beforeTokens.splice(i, 1)
           }
         }
-      } else if (firstSpecifier.type === 'ImportNamespaceSpecifier') {
-        // There is a pattern:
-        //     import * as foo from "foo"
-        tokens.push(
-          tokenStore.getFirstToken(firstSpecifier), // *
-          tokenStore.getLastToken(node, hasSemi ? 2 : 1), // from
-          tokenStore.getLastToken(node, hasSemi ? 1 : 0) // "foo"
+      }
+
+      if (
+        beforeTokens.every(
+          (t) => isOpeningBraceToken(t) || isClosingBraceToken(t)
         )
+      ) {
+        setOffset(beforeTokens, 0, importToken)
       } else {
-        // There is a pattern:
-        //     import {a} from "foo"
-        const leftBrace = tokenStore.getFirstToken(node, 1)
-        const rightBrace = tokenStore.getLastToken(node, hasSemi ? 3 : 2)
-        setOffset(leftBrace, 0, importToken)
-        processNodeList(node.specifiers, leftBrace, rightBrace, 1)
-        tokens.push(
-          tokenStore.getLastToken(node, hasSemi ? 2 : 1), // from
-          tokenStore.getLastToken(node, hasSemi ? 1 : 0) // "foo"
-        )
+        setOffset(beforeTokens, 1, importToken)
+      }
+      if (fromToken) {
+        setOffset(fromToken, 1, importToken)
+        setOffset(afterTokens, 0, fromToken)
       }
-
-      setOffset(tokens, 1, importToken)
     },
     /** @param {ImportSpecifier} node */
     ImportSpecifier(node) {
@@ -1734,14 +1554,22 @@ module.exports.defineVisitor = function create(
       const objectToken = tokenStore.getFirstToken(node)
       if (node.type === 'MemberExpression' && node.computed) {
         const leftBracketToken = /** @type {Token} */ (
-          tokenStore.getTokenBefore(node.property, isLeftBracket)
+          tokenStore.getTokenBefore(node.property, isOpeningBracketToken)
         )
         const propertyToken = tokenStore.getTokenAfter(leftBracketToken)
         const rightBracketToken = tokenStore.getTokenAfter(
           node.property,
-          isRightBracket
+          isClosingBracketToken
         )
 
+        for (const optionalToken of tokenStore.getTokensBetween(
+          tokenStore.getLastToken(node.object),
+          leftBracketToken,
+          isOptionalToken
+        )) {
+          setOffset(optionalToken, 1, objectToken)
+        }
+
         setOffset(leftBracketToken, 1, objectToken)
         setOffset(propertyToken, 1, leftBracketToken)
         setOffset(rightBracketToken, 0, leftBracketToken)
@@ -1754,54 +1582,37 @@ module.exports.defineVisitor = function create(
     },
     /** @param {MethodDefinition | Property | PropertyDefinition} node */
     'MethodDefinition, Property, PropertyDefinition'(node) {
-      const prefixTokens = getPrefixTokens(node)
-      const hasPrefix = prefixTokens.length >= 1
-
-      for (let i = 1; i < prefixTokens.length; ++i) {
-        setOffset(prefixTokens[i], 0, prefixTokens[i - 1])
+      const firstToken = tokenStore.getFirstToken(node)
+      const keyTokens = getFirstAndLastTokens(node.key)
+      const prefixTokens = tokenStore.getTokensBetween(
+        firstToken,
+        keyTokens.firstToken
+      )
+      if (node.computed) {
+        prefixTokens.pop() // pop [
       }
+      setOffset(prefixTokens, 0, firstToken)
 
-      /** @type {Token} */
       let lastKeyToken
       if (node.computed) {
-        const keyLeftToken = /** @type {Token} */ (
-          tokenStore.getFirstToken(node, isLeftBracket)
-        )
-        const keyToken = tokenStore.getTokenAfter(keyLeftToken)
-        const keyRightToken = (lastKeyToken = /** @type {Token} */ (
-          tokenStore.getTokenAfter(node.key, isRightBracket)
+        const leftBracketToken = tokenStore.getTokenBefore(keyTokens.firstToken)
+        const rightBracketToken = (lastKeyToken = tokenStore.getTokenAfter(
+          keyTokens.lastToken
         ))
-
-        if (hasPrefix) {
-          setOffset(keyLeftToken, 0, /** @type {Token} */ (last(prefixTokens)))
-        }
-        setOffset(keyToken, 1, keyLeftToken)
-        setOffset(keyRightToken, 0, keyLeftToken)
+        setOffset(leftBracketToken, 0, firstToken)
+        processNodeList([node.key], leftBracketToken, rightBracketToken, 1)
       } else {
-        const idToken = (lastKeyToken = tokenStore.getFirstToken(node.key))
-
-        if (hasPrefix) {
-          setOffset(idToken, 0, /** @type {Token} */ (last(prefixTokens)))
-        }
+        setOffset(keyTokens.firstToken, 0, firstToken)
+        lastKeyToken = keyTokens.lastToken
       }
 
-      if (
-        node.type === 'MethodDefinition' ||
-        (node.type === 'Property' && node.method === true)
-      ) {
-        const leftParenToken = tokenStore.getTokenAfter(lastKeyToken)
-
-        setOffset(leftParenToken, 1, lastKeyToken)
-      } else if (node.type === 'Property' && !node.shorthand) {
-        const colonToken = tokenStore.getTokenAfter(lastKeyToken)
-        const valueToken = tokenStore.getTokenAfter(colonToken)
-
-        setOffset([colonToken, valueToken], 1, lastKeyToken)
-      } else if (node.type === 'PropertyDefinition' && node.value != null) {
-        const eqToken = tokenStore.getTokenAfter(lastKeyToken)
-        const initToken = tokenStore.getTokenAfter(eqToken)
-
-        setOffset([eqToken, initToken], 1, lastKeyToken)
+      if (node.value != null) {
+        const initToken = tokenStore.getFirstToken(node.value)
+        setOffset(
+          [...tokenStore.getTokensBetween(lastKeyToken, initToken), initToken],
+          1,
+          lastKeyToken
+        )
       }
     },
     /** @param {NewExpression} node */
@@ -1809,8 +1620,12 @@ module.exports.defineVisitor = function create(
       const newToken = tokenStore.getFirstToken(node)
       const calleeToken = tokenStore.getTokenAfter(newToken)
       const rightToken = tokenStore.getLastToken(node)
-      const leftToken = isRightParen(rightToken)
-        ? tokenStore.getFirstTokenBetween(node.callee, rightToken, isLeftParen)
+      const leftToken = isClosingParenToken(rightToken)
+        ? tokenStore.getFirstTokenBetween(
+            node.callee,
+            rightToken,
+            isOpeningParenToken
+          )
         : null
 
       setOffset(calleeToken, 1, newToken)
@@ -1821,12 +1636,12 @@ module.exports.defineVisitor = function create(
     },
     /** @param {ObjectExpression | ObjectPattern} node */
     'ObjectExpression, ObjectPattern'(node) {
-      processNodeList(
-        node.properties,
-        tokenStore.getFirstToken(node),
-        tokenStore.getLastToken(node),
-        1
+      const firstToken = tokenStore.getFirstToken(node)
+      const rightToken = tokenStore.getTokenAfter(
+        node.properties[node.properties.length - 1] || firstToken,
+        isClosingBraceToken
       )
+      processNodeList(node.properties, firstToken, rightToken, 1)
     },
     /** @param {SequenceExpression} node */
     SequenceExpression(node) {
@@ -1838,7 +1653,10 @@ module.exports.defineVisitor = function create(
 
       if (node.test != null) {
         const testToken = tokenStore.getTokenAfter(caseToken)
-        const colonToken = tokenStore.getTokenAfter(node.test, isNotRightParen)
+        const colonToken = tokenStore.getTokenAfter(
+          node.test,
+          isNotClosingParenToken
+        )
 
         setOffset([testToken, colonToken], 1, caseToken)
       } else {
@@ -1863,7 +1681,7 @@ module.exports.defineVisitor = function create(
       const leftParenToken = tokenStore.getTokenAfter(switchToken)
       const discriminantToken = tokenStore.getTokenAfter(leftParenToken)
       const leftBraceToken = /** @type {Token} */ (
-        tokenStore.getTokenAfter(node.discriminant, isLeftBrace)
+        tokenStore.getTokenAfter(node.discriminant, isOpeningBraceToken)
       )
       const rightParenToken = tokenStore.getTokenBefore(leftBraceToken)
       const rightBraceToken = tokenStore.getLastToken(node)
@@ -1949,7 +1767,10 @@ module.exports.defineVisitor = function create(
     'WhileStatement, WithStatement'(node) {
       const firstToken = tokenStore.getFirstToken(node)
       const leftParenToken = tokenStore.getTokenAfter(firstToken)
-      const rightParenToken = tokenStore.getTokenBefore(node.body, isRightParen)
+      const rightParenToken = tokenStore.getTokenBefore(
+        node.body,
+        isClosingParenToken
+      )
 
       setOffset(leftParenToken, 1, firstToken)
       setOffset(rightParenToken, 0, leftParenToken)
@@ -1966,38 +1787,43 @@ module.exports.defineVisitor = function create(
         }
       }
     },
+    // ----------------------------------------------------------------------
+    // SINGLE TOKEN NODES
+    // ----------------------------------------------------------------------
+    DebuggerStatement() {},
+    Identifier() {},
+    ImportDefaultSpecifier() {},
+    Literal() {},
+    PrivateIdentifier() {},
+    Super() {},
+    TemplateElement() {},
+    ThisExpression() {},
+    // ----------------------------------------------------------------------
+    // WRAPPER NODES
+    // ----------------------------------------------------------------------
+    ExpressionStatement() {},
+    ChainExpression() {},
+    EmptyStatement() {},
+    // ----------------------------------------------------------------------
+    // COMMONS
+    // ----------------------------------------------------------------------
     /** @param {Statement} node */
     // Process semicolons.
-    ':statement'(node) {
-      const firstToken = tokenStore.getFirstToken(node)
-      const lastToken = tokenStore.getLastToken(node)
-      if (isSemicolon(lastToken) && firstToken !== lastToken) {
-        setOffset(lastToken, 0, firstToken)
-      }
-
-      // Set to the semicolon of the previous token for semicolon-free style.
-      // E.g.,
-      //   foo
-      //   ;[1,2,3].forEach(f)
-      const info = offsets.get(firstToken)
-      const prevToken = tokenStore.getTokenBefore(firstToken)
-      if (
-        info != null &&
-        isSemicolon(prevToken) &&
-        prevToken.loc.end.line === firstToken.loc.start.line
-      ) {
-        offsets.set(prevToken, info)
-      }
+    ':statement, PropertyDefinition'(node) {
+      processSemicolons(node)
     },
     /** @param {Expression | MetaProperty | TemplateLiteral} node */
     // Process parentheses.
     // `:expression` does not match with MetaProperty and TemplateLiteral as a bug: https://github.com/estools/esquery/pull/59
-    ':expression, MetaProperty, TemplateLiteral'(node) {
+    ':expression'(node) {
       let leftToken = tokenStore.getTokenBefore(node)
       let rightToken = tokenStore.getTokenAfter(node)
       let firstToken = tokenStore.getFirstToken(node)
 
-      while (isLeftParen(leftToken) && isRightParen(rightToken)) {
+      while (
+        isOpeningParenToken(leftToken) &&
+        isClosingParenToken(rightToken)
+      ) {
         setOffset(firstToken, 1, leftToken)
         setOffset(rightToken, 0, leftToken)
 
@@ -2006,13 +1832,22 @@ module.exports.defineVisitor = function create(
         rightToken = tokenStore.getTokenAfter(rightToken)
       }
     },
+
+    .../** @type {TemplateListener} */ (
+      tsDefineVisitor({
+        processNodeList,
+        tokenStore,
+        setOffset,
+        copyOffset,
+        processSemicolons,
+        getFirstAndLastTokens
+      })
+    ),
+
     /** @param {ASTNode} node */
     // Ignore tokens of unknown nodes.
     '*:exit'(node) {
-      if (
-        !KNOWN_NODES.has(node.type) &&
-        !NON_STANDARD_KNOWN_NODES.has(node.type)
-      ) {
+      if (!knownNodes.has(node.type)) {
         ignore(node)
       }
     },
@@ -2047,9 +1882,10 @@ module.exports.defineVisitor = function create(
 
       // Validate indentation of tokens.
       for (const token of tokenStore.getTokens(node, ITERATION_OPTS)) {
+        const tokenStartLine = token.loc.start.line
         if (
           tokensOnSameLine.length === 0 ||
-          tokensOnSameLine[0].loc.start.line === token.loc.start.line
+          tokensOnSameLine[0].loc.start.line === tokenStartLine
         ) {
           // This is on the same line (or the first token).
           tokensOnSameLine.push(token)
@@ -2059,7 +1895,7 @@ module.exports.defineVisitor = function create(
           comments.push(tokensOnSameLine[0])
           isBesideMultilineToken =
             /** @type {Token} */ (last(tokensOnSameLine)).loc.end.line ===
-            token.loc.start.line
+            tokenStartLine
           tokensOnSameLine = [token]
         } else {
           // New line is detected, so validate the tokens.
@@ -2069,7 +1905,7 @@ module.exports.defineVisitor = function create(
           }
           isBesideMultilineToken =
             /** @type {Token} */ (last(tokensOnSameLine)).loc.end.line ===
-            token.loc.start.line
+            tokenStartLine
           tokensOnSameLine = [token]
           comments = []
         }
@@ -2078,5 +1914,16 @@ module.exports.defineVisitor = function create(
         validate(tokensOnSameLine, comments, lastValidatedToken)
       }
     }
-  })
+  }
+
+  for (const key of Object.keys(visitor)) {
+    for (const nodeName of key
+      .split(/\s*,\s*/gu)
+      .map((s) => s.trim())
+      .filter((s) => /[a-z]+/i.test(s))) {
+      knownNodes.add(nodeName)
+    }
+  }
+
+  return processIgnores(visitor)
 }
diff --git a/lib/utils/indent-ts.js b/lib/utils/indent-ts.js
new file mode 100644
index 000000000..4801ab211
--- /dev/null
+++ b/lib/utils/indent-ts.js
@@ -0,0 +1,1264 @@
+/**
+ * @author Yosuke Ota
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const {
+  isClosingParenToken,
+  isOpeningParenToken,
+  isOpeningBraceToken,
+  isNotClosingParenToken,
+  isClosingBracketToken,
+  isOpeningBracketToken
+} = require('eslint-utils')
+
+/**
+ * @typedef {import('../../typings/eslint-plugin-vue/util-types/indent-helper').TSNodeListener} TSNodeListener
+ * @typedef {import('../../typings/eslint-plugin-vue/util-types/node').HasLocation} HasLocation
+ * @typedef { { type: string } & HasLocation } MaybeNode
+ */
+/**
+ * @typedef {import('@typescript-eslint/types').TSESTree.ClassExpression} ClassExpression
+ * @typedef {import('@typescript-eslint/types').TSESTree.ClassDeclaration} ClassDeclaration
+ * @typedef {import('@typescript-eslint/types').TSESTree.TSTypeAliasDeclaration} TSTypeAliasDeclaration
+ * @typedef {import('@typescript-eslint/types').TSESTree.TSCallSignatureDeclaration} TSCallSignatureDeclaration
+ * @typedef {import('@typescript-eslint/types').TSESTree.TSConstructSignatureDeclaration} TSConstructSignatureDeclaration
+ * @typedef {import('@typescript-eslint/types').TSESTree.TSImportEqualsDeclaration} TSImportEqualsDeclaration
+ * @typedef {import('@typescript-eslint/types').TSESTree.TSAbstractMethodDefinition} TSAbstractMethodDefinition
+ * @typedef {import('@typescript-eslint/types').TSESTree.TSAbstractClassProperty} TSAbstractClassProperty
+ * @typedef {import('@typescript-eslint/types').TSESTree.TSEnumMember} TSEnumMember
+ * @typedef {import('@typescript-eslint/types').TSESTree.TSPropertySignature} TSPropertySignature
+ * @typedef {import('@typescript-eslint/types').TSESTree.TSIndexSignature} TSIndexSignature
+ * @typedef {import('@typescript-eslint/types').TSESTree.TSMethodSignature} TSMethodSignature
+ * @typedef {import('@typescript-eslint/types').TSESTree.TSTypeParameterInstantiation} TSTypeParameterInstantiation
+ * @typedef {import('@typescript-eslint/types').TSESTree.TSTypeParameterDeclaration} TSTypeParameterDeclaration
+ * @typedef {import('@typescript-eslint/types').TSESTree.TSConstructorType} TSConstructorType
+ * @typedef {import('@typescript-eslint/types').TSESTree.TSFunctionType} TSFunctionType
+ * @typedef {import('@typescript-eslint/types').TSESTree.TSUnionType} TSUnionType
+ * @typedef {import('@typescript-eslint/types').TSESTree.TSIntersectionType} TSIntersectionType
+ * @typedef {import('@typescript-eslint/types').TSESTree.TSInterfaceHeritage} TSInterfaceHeritage
+ * @typedef {import('@typescript-eslint/types').TSESTree.TSClassImplements} TSClassImplements
+ * @typedef {import('@typescript-eslint/types').TSESTree.TSInterfaceBody} TSInterfaceBody
+ * @typedef {import('@typescript-eslint/types').TSESTree.TSModuleBlock} TSModuleBlock
+ * @typedef {import('@typescript-eslint/types').TSESTree.TSDeclareFunction} TSDeclareFunction
+ * @typedef {import('@typescript-eslint/types').TSESTree.TSEmptyBodyFunctionExpression} TSEmptyBodyFunctionExpression
+ * @typedef {import('@typescript-eslint/types').TSESTree.TSTypeOperator} TSTypeOperator
+ * @typedef {import('@typescript-eslint/types').TSESTree.TSTypeQuery} TSTypeQuery
+ * @typedef {import('@typescript-eslint/types').TSESTree.TSInferType} TSInferType
+ * @typedef {import('@typescript-eslint/types').TSESTree.TSOptionalType} TSOptionalType
+ * @typedef {import('@typescript-eslint/types').TSESTree.TSNonNullExpression} TSNonNullExpression
+ * @typedef {import('@typescript-eslint/types').TSESTree.JSXChild} JSXChild
+ *
+ */
+/**
+ * Perhaps this node will be deprecated in the future.
+ * It was present in @typescript-eslint/parser@4.1.0.
+ * @typedef {import('@typescript-eslint/types').TSESTree.ClassProperty} ClassProperty
+ */
+
+module.exports = {
+  defineVisitor
+}
+
+/**
+ * Process the given node list.
+ * The first node is offsetted from the given left token.
+ * Rest nodes are adjusted to the first node.
+ * @callback ProcessNodeList
+ * @param {(MaybeNode|null)[]} nodeList The node to process.
+ * @param {MaybeNode|Token|null} left The left parenthesis token.
+ * @param {MaybeNode|Token|null} right The right parenthesis token.
+ * @param {number} offset The offset to set.
+ * @param {boolean} [alignVertically=true] The flag to align vertically. If `false`, this doesn't align vertically even if the first node is not at beginning of line.
+ * @returns {void}
+ */
+/**
+ * Set offset to the given tokens.
+ * @callback SetOffset
+ * @param {Token|Token[]|null|(Token|null)[]} token The token to set.
+ * @param {number} offset The offset of the tokens.
+ * @param {Token} baseToken The token of the base offset.
+ * @returns {void}
+ */
+/**
+ *
+ * Copy offset to the given tokens from srcToken.
+ * @callback CopyOffset
+ * @param {Token} token The token to set.
+ * @param {Token} srcToken The token of the source offset.
+ * @returns {void}
+ */
+/**
+ * Process semicolons of the given statement node.
+ * @callback ProcessSemicolons
+ * @param {MaybeNode} node The statement node to process.
+ * @returns {void}
+ */
+/**
+ * Get the first and last tokens of the given node.
+ * If the node is parenthesized, this gets the outermost parentheses.
+ * @callback GetFirstAndLastTokens
+ * @param {MaybeNode} node The node to get.
+ * @param {number} [borderOffset] The least offset of the first token. Defailt is 0. This value is used to prevent false positive in the following case: `(a) => {}` The parentheses are enclosing the whole parameter part rather than the first parameter, but this offset parameter is needed to distinguish.
+ * @returns {{firstToken:Token,lastToken:Token}} The gotten tokens.
+ */
+/**
+ * @typedef {object} DefineVisitorParam
+ * @property {ProcessNodeList} processNodeList
+ * @property {ParserServices.TokenStore | SourceCode} tokenStore
+ * @property {SetOffset} setOffset
+ * @property {CopyOffset} copyOffset
+ * @property {ProcessSemicolons} processSemicolons
+ * @property {GetFirstAndLastTokens} getFirstAndLastTokens
+ */
+
+/**
+ * @param {DefineVisitorParam} param
+ * @returns {TSNodeListener}
+ */
+function defineVisitor({
+  processNodeList,
+  tokenStore,
+  setOffset,
+  copyOffset,
+  processSemicolons,
+  getFirstAndLastTokens
+}) {
+  return {
+    // Support TypeScript
+    /** @param {ClassDeclaration | ClassExpression} node */
+    ['ClassDeclaration[implements], ClassDeclaration[typeParameters], ClassDeclaration[superTypeParameters],' +
+      'ClassExpression[implements], ClassExpression[typeParameters], ClassExpression[superTypeParameters]'](
+      node
+    ) {
+      if (node.typeParameters != null) {
+        setOffset(
+          tokenStore.getFirstToken(node.typeParameters),
+          1,
+          tokenStore.getFirstToken(node.id || node)
+        )
+      }
+      if (node.superTypeParameters != null && node.superClass != null) {
+        setOffset(
+          tokenStore.getFirstToken(node.superTypeParameters),
+          1,
+          tokenStore.getFirstToken(node.superClass)
+        )
+      }
+      if (node.implements != null && node.implements.length) {
+        const classToken = tokenStore.getFirstToken(node)
+        const implementsToken = tokenStore.getTokenBefore(node.implements[0])
+        setOffset(implementsToken, 1, classToken)
+        processNodeList(node.implements, implementsToken, null, 1)
+      }
+    },
+    // Process semicolons.
+    /**
+     * @param {TSTypeAliasDeclaration
+     *   | TSCallSignatureDeclaration
+     *   | TSConstructSignatureDeclaration
+     *   | TSImportEqualsDeclaration
+     *   | TSAbstractMethodDefinition
+     *   | TSAbstractClassProperty
+     *   | TSEnumMember
+     *   | ClassProperty
+     *   | TSPropertySignature
+     *   | TSIndexSignature
+     *   | TSMethodSignature} node
+     */
+    ['TSTypeAliasDeclaration, TSCallSignatureDeclaration, TSConstructSignatureDeclaration, TSImportEqualsDeclaration,' +
+      'TSAbstractMethodDefinition, TSAbstractClassProperty, TSEnumMember, ClassProperty,' +
+      'TSPropertySignature, TSIndexSignature, TSMethodSignature'](node) {
+      processSemicolons(node)
+    },
+    /**
+     * Process type annotation
+     *
+     * e.g.
+     * ```
+     * const foo: Type
+     * //       ^^^^^^
+     * type foo = () => string
+     * //            ^^^^^^^^^
+     * ```
+     */
+    TSTypeAnnotation(node) {
+      const [colonOrArrowToken, secondToken] = tokenStore.getFirstTokens(node, {
+        count: 2,
+        includeComments: false
+      })
+      const baseToken = tokenStore.getFirstToken(
+        /** @type {HasLocation} */ (node.parent)
+      )
+      setOffset([colonOrArrowToken, secondToken], 1, baseToken)
+
+      // a ?: T
+      const before = tokenStore.getTokenBefore(colonOrArrowToken)
+      if (before && before.value === '?') {
+        setOffset(before, 1, baseToken)
+      }
+    },
+    /**
+     * Process as expression
+     *
+     * e.g.
+     * ```
+     * var foo = bar as boolean
+     * //        ^^^^^^^^^^^^^^
+     * ```
+     */
+    TSAsExpression(node) {
+      const expressionTokens = getFirstAndLastTokens(node.expression)
+      const asToken = tokenStore.getTokenAfter(expressionTokens.lastToken)
+      setOffset(
+        [asToken, getFirstAndLastTokens(node.typeAnnotation).firstToken],
+        1,
+        expressionTokens.firstToken
+      )
+    },
+    /**
+     * Process type reference
+     *
+     * e.g.
+     * ```
+     * const foo: Type<P>
+     * //         ^^^^^^^
+     * ```
+     */
+    TSTypeReference(node) {
+      if (node.typeParameters) {
+        const typeNameTokens = getFirstAndLastTokens(node.typeName)
+        setOffset(
+          tokenStore.getFirstToken(node.typeParameters),
+          1,
+          typeNameTokens.firstToken
+        )
+      }
+    },
+    /**
+     * Process type parameter instantiation and type parameter declaration
+     *
+     * e.g.
+     * ```
+     * const foo: Type<P>
+     * //             ^^^
+     * ```
+     *
+     * e.g.
+     * ```
+     * type Foo<T>
+     * //      ^^^
+     * ```
+     * @param {TSTypeParameterInstantiation | TSTypeParameterDeclaration} node
+     */
+    'TSTypeParameterInstantiation, TSTypeParameterDeclaration'(node) {
+      // <T>
+      processNodeList(
+        node.params,
+        tokenStore.getFirstToken(node),
+        tokenStore.getLastToken(node),
+        1
+      )
+    },
+    /**
+     * Process type alias declaration
+     *
+     * e.g.
+     * ```
+     * type Foo
+     * ```
+     */
+    TSTypeAliasDeclaration(node) {
+      // type T = {}
+      const typeToken = tokenStore.getFirstToken(node)
+      const idToken = tokenStore.getFirstToken(node.id)
+      setOffset(idToken, 1, typeToken)
+      let eqToken
+      if (node.typeParameters) {
+        setOffset(tokenStore.getFirstToken(node.typeParameters), 1, idToken)
+        eqToken = tokenStore.getTokenAfter(node.typeParameters)
+      } else {
+        eqToken = tokenStore.getTokenAfter(node.id)
+      }
+      const initToken = tokenStore.getTokenAfter(eqToken)
+      setOffset([eqToken, initToken], 1, idToken)
+    },
+    /**
+     * Process constructor type or function type
+     *
+     * e.g.
+     * ```
+     * type Foo = new () => T
+     * //         ^^^^^^^^^^^
+     * type Foo = () => void
+     * //         ^^^^^^^^^^
+     * ```
+     * @param {TSConstructorType | TSFunctionType} node
+     */
+    'TSConstructorType, TSFunctionType'(node) {
+      // ()=>void
+      const firstToken = tokenStore.getFirstToken(node)
+      // new or < or (
+      let currToken = firstToken
+      if (node.type === 'TSConstructorType') {
+        // currToken is new token
+        // < or (
+        currToken = tokenStore.getTokenAfter(currToken)
+        setOffset(currToken, 1, firstToken)
+      }
+      if (node.typeParameters) {
+        // currToken is < token
+        // (
+        currToken = tokenStore.getTokenAfter(node.typeParameters)
+        setOffset(currToken, 1, firstToken)
+      }
+      const leftParenToken = currToken
+      const rightParenToken = /**@type {Token} */ (
+        tokenStore.getTokenAfter(
+          node.params[node.params.length - 1] || leftParenToken,
+          isClosingParenToken
+        )
+      )
+      processNodeList(node.params, leftParenToken, rightParenToken, 1)
+      const arrowToken = tokenStore.getTokenAfter(rightParenToken)
+      setOffset(arrowToken, 1, leftParenToken)
+    },
+    /**
+     * Process type literal
+     *
+     * e.g.
+     * ```
+     * const foo: { bar: string }
+     * //         ^^^^^^^^^^^^^^^
+     * ```
+     */
+    TSTypeLiteral(node) {
+      processNodeList(
+        node.members,
+        tokenStore.getFirstToken(node),
+        tokenStore.getLastToken(node),
+        1
+      )
+    },
+    /**
+     * Process property signature
+     *
+     * e.g.
+     * ```
+     * const foo: { bar: string }
+     * //           ^^^^^^^^^^^
+     * ```
+     */
+    TSPropertySignature(node) {
+      const firstToken = tokenStore.getFirstToken(node)
+      const keyTokens = getFirstAndLastTokens(node.key)
+      let keyLast
+      if (node.computed) {
+        const closeBracket = tokenStore.getTokenAfter(keyTokens.lastToken)
+        processNodeList([node.key], firstToken, closeBracket, 1)
+        keyLast = closeBracket
+      } else {
+        keyLast = keyTokens.lastToken
+      }
+      if (node.typeAnnotation) {
+        const typeAnnotationToken = tokenStore.getFirstToken(
+          node.typeAnnotation
+        )
+        setOffset(
+          [
+            ...tokenStore.getTokensBetween(keyLast, typeAnnotationToken),
+            typeAnnotationToken
+          ],
+          1,
+          firstToken
+        )
+      } else if (node.optional) {
+        const qToken = tokenStore.getLastToken(node)
+        setOffset(qToken, 1, firstToken)
+      }
+    },
+    /**
+     * Process index signature
+     *
+     * e.g.
+     * ```
+     * const foo: { [bar: string]: string }
+     * //           ^^^^^^^^^^^^^^^^^^^^^
+     * ```
+     */
+    TSIndexSignature(node) {
+      const leftBracketToken = tokenStore.getFirstToken(node)
+      const rightBracketToken = /**@type {Token} */ (
+        tokenStore.getTokenAfter(
+          node.parameters[node.parameters.length - 1] || leftBracketToken,
+          isClosingBracketToken
+        )
+      )
+      processNodeList(node.parameters, leftBracketToken, rightBracketToken, 1)
+      const keyLast = rightBracketToken
+      if (node.typeAnnotation) {
+        const typeAnnotationToken = tokenStore.getFirstToken(
+          node.typeAnnotation
+        )
+        setOffset(
+          [
+            ...tokenStore.getTokensBetween(keyLast, typeAnnotationToken),
+            typeAnnotationToken
+          ],
+          1,
+          leftBracketToken
+        )
+      }
+    },
+    /**
+     * Process array type
+     *
+     * e.g.
+     * ```
+     * const foo: Type[]
+     * //         ^^^^^^
+     * ```
+     */
+    TSArrayType(node) {
+      const firstToken = tokenStore.getFirstToken(node)
+      setOffset(
+        tokenStore.getLastTokens(node, { count: 2, includeComments: false }),
+        0,
+        firstToken
+      )
+    },
+    TSTupleType(node) {
+      // [T, U]
+      processNodeList(
+        node.elementTypes,
+        tokenStore.getFirstToken(node),
+        tokenStore.getLastToken(node),
+        1
+      )
+    },
+    TSQualifiedName(node) {
+      // A.B
+      const objectToken = tokenStore.getFirstToken(node)
+      const dotToken = tokenStore.getTokenBefore(node.right)
+      const propertyToken = tokenStore.getTokenAfter(dotToken)
+      setOffset([dotToken, propertyToken], 1, objectToken)
+    },
+    TSIndexedAccessType(node) {
+      // A[B]
+      const objectToken = tokenStore.getFirstToken(node)
+      const leftBracketToken = tokenStore.getTokenBefore(
+        node.indexType,
+        isOpeningBracketToken
+      )
+      const rightBracketToken = tokenStore.getTokenAfter(
+        node.indexType,
+        isClosingBracketToken
+      )
+      setOffset(leftBracketToken, 1, objectToken)
+      processNodeList([node.indexType], leftBracketToken, rightBracketToken, 1)
+    },
+    /** @param {TSUnionType | TSIntersectionType} node */
+    'TSUnionType, TSIntersectionType'(node) {
+      // A | B
+      // A & B
+      const firstToken = tokenStore.getFirstToken(node)
+      const types = [...node.types]
+      if (getFirstAndLastTokens(types[0]).firstToken === firstToken) {
+        types.shift()
+      }
+      processNodeList(
+        types,
+        firstToken,
+        null,
+        isBeginningOfLine(firstToken) ? 0 : 1
+      )
+    },
+    TSParenthesizedType(node) {
+      // (T)
+      processNodeList(
+        [node.typeAnnotation],
+        tokenStore.getFirstToken(node),
+        tokenStore.getLastToken(node),
+        1
+      )
+    },
+    TSMappedType(node) {
+      // {[key in foo]: bar}
+      const leftBraceToken = tokenStore.getFirstToken(node)
+      const leftBracketToken = tokenStore.getTokenBefore(node.typeParameter)
+      const rightBracketToken = tokenStore.getTokenAfter(
+        node.nameType || node.typeParameter
+      )
+      setOffset(
+        [
+          ...tokenStore.getTokensBetween(leftBraceToken, leftBracketToken),
+          leftBracketToken
+        ],
+        1,
+        leftBraceToken
+      )
+      processNodeList(
+        [node.typeParameter, node.nameType],
+        leftBracketToken,
+        rightBracketToken,
+        1
+      )
+      const rightBraceToken = tokenStore.getLastToken(node)
+      if (node.typeAnnotation) {
+        const typeAnnotationToken = tokenStore.getFirstToken(
+          node.typeAnnotation
+        )
+        setOffset(
+          [
+            ...tokenStore.getTokensBetween(
+              rightBracketToken,
+              typeAnnotationToken
+            ),
+            typeAnnotationToken
+          ],
+          1,
+          leftBraceToken
+        )
+      } else {
+        setOffset(
+          [...tokenStore.getTokensBetween(rightBracketToken, rightBraceToken)],
+          1,
+          leftBraceToken
+        )
+      }
+      setOffset(rightBraceToken, 0, leftBraceToken)
+    },
+    /**
+     * Process type parameter
+     *
+     * e.g.
+     * ```
+     * type Foo<T, U extends T, V = U>
+     * //       ^  ^^^^^^^^^^^  ^^^^^
+     * type Foo = {[key in foo]: bar}
+     * //           ^^^^^^^^^^
+     * ```
+     */
+    TSTypeParameter(node) {
+      const [firstToken, ...afterTokens] = tokenStore.getTokens(node)
+      for (const child of [node.constraint, node.default]) {
+        if (!child) {
+          continue
+        }
+        const [, ...removeTokens] = tokenStore.getTokens(child)
+        for (const token of removeTokens) {
+          const i = afterTokens.indexOf(token)
+          if (i >= 0) {
+            afterTokens.splice(i, 1)
+          }
+        }
+      }
+      const secondToken = afterTokens.shift()
+      if (!secondToken) {
+        return
+      }
+      setOffset(secondToken, 1, firstToken)
+      if (secondToken.value === 'extends') {
+        let prevToken = null
+        let token = afterTokens.shift()
+        while (token) {
+          if (token.value === '=') {
+            break
+          }
+          setOffset(token, 1, secondToken)
+          prevToken = token
+          token = afterTokens.shift()
+        }
+        while (token) {
+          setOffset(token, 1, prevToken || secondToken)
+          token = afterTokens.shift()
+        }
+      } else {
+        setOffset(afterTokens, 1, firstToken)
+      }
+    },
+    /**
+     * Process conditional type
+     *
+     * e.g.
+     * ```
+     * type Foo = A extends B ? Bar : Baz
+     * //         ^^^^^^^^^^^^^^^^^^^^^^^
+     * ```
+     */
+    TSConditionalType(node) {
+      // T extends Foo ? T : U
+      const checkTypeToken = tokenStore.getFirstToken(node)
+      const extendsToken = tokenStore.getTokenAfter(node.checkType)
+      const extendsTypeToken = tokenStore.getFirstToken(node.extendsType)
+      setOffset(extendsToken, 1, checkTypeToken)
+      setOffset(extendsTypeToken, 1, extendsToken)
+      const questionToken = /**@type {Token} */ (
+        tokenStore.getTokenAfter(node.extendsType, isNotClosingParenToken)
+      )
+      const consequentToken = tokenStore.getTokenAfter(questionToken)
+      const colonToken = /**@type {Token} */ (
+        tokenStore.getTokenAfter(node.trueType, isNotClosingParenToken)
+      )
+      const alternateToken = tokenStore.getTokenAfter(colonToken)
+      let baseNode = node
+      let parent = baseNode.parent
+      while (
+        parent &&
+        parent.type === 'TSConditionalType' &&
+        parent.falseType === baseNode
+      ) {
+        baseNode = parent
+        parent = baseNode.parent
+      }
+      const baseToken = tokenStore.getFirstToken(baseNode)
+      setOffset([questionToken, colonToken], 1, baseToken)
+      setOffset(consequentToken, 1, questionToken)
+      setOffset(alternateToken, 1, colonToken)
+    },
+    /**
+     * Process interface declaration
+     *
+     * e.g.
+     * ```
+     * interface Foo { }
+     * ```
+     */
+    TSInterfaceDeclaration(node) {
+      const interfaceToken = tokenStore.getFirstToken(node)
+      setOffset(tokenStore.getFirstToken(node.id), 1, interfaceToken)
+      if (node.typeParameters != null) {
+        setOffset(
+          tokenStore.getFirstToken(node.typeParameters),
+          1,
+          tokenStore.getFirstToken(node.id)
+        )
+      }
+      if (node.extends != null && node.extends.length) {
+        const extendsToken = tokenStore.getTokenBefore(node.extends[0])
+        setOffset(extendsToken, 1, interfaceToken)
+        processNodeList(node.extends, extendsToken, null, 1)
+      }
+      // It may not calculate the correct location because the visitor key is not provided.
+      // if (node.implements != null && node.implements.length) {
+      //   const implementsToken = tokenStore.getTokenBefore(node.implements[0])
+      //   setOffset(implementsToken, 1, interfaceToken)
+      //   processNodeList(node.implements, implementsToken, null, 1)
+      // }
+      const bodyToken = tokenStore.getFirstToken(node.body)
+      setOffset(bodyToken, 0, interfaceToken)
+    },
+    /**
+     * Process interface body
+     *
+     * e.g.
+     * ```
+     * interface Foo { }
+     * //            ^^^
+     * ```
+     *
+     * @param {TSInterfaceBody | TSModuleBlock} node
+     */
+    'TSInterfaceBody, TSModuleBlock'(node) {
+      processNodeList(
+        node.body,
+        tokenStore.getFirstToken(node),
+        tokenStore.getLastToken(node),
+        1
+      )
+    },
+    /**
+     * Process interface heritage and class implements
+     *
+     * e.g.
+     * ```
+     * interface Foo<T> extends Bar<T> { }
+     * //                       ^^^^^^
+     * class Foo<T> implements Bar<T> { }
+     * //                      ^^^^^^
+     * ```
+     * @param {TSInterfaceHeritage | TSClassImplements} node
+     */
+    'TSClassImplements, TSInterfaceHeritage'(node) {
+      if (node.typeParameters) {
+        setOffset(
+          tokenStore.getFirstToken(node.typeParameters),
+          1,
+          tokenStore.getFirstToken(node)
+        )
+      }
+    },
+    /**
+     * Process enum
+     *
+     * e.g.
+     * ```
+     * enum Foo { }
+     * ```
+     */
+    TSEnumDeclaration(node) {
+      const firstToken = tokenStore.getFirstToken(node)
+      const idTokens = getFirstAndLastTokens(node.id)
+      const prefixTokens = tokenStore.getTokensBetween(
+        firstToken,
+        idTokens.firstToken
+      )
+      setOffset(prefixTokens, 0, firstToken)
+      setOffset(idTokens.firstToken, 1, firstToken)
+      const leftBraceToken = tokenStore.getTokenAfter(idTokens.lastToken)
+      const rightBraceToken = tokenStore.getLastToken(node)
+      setOffset(leftBraceToken, 0, firstToken)
+      processNodeList(node.members, leftBraceToken, rightBraceToken, 1)
+    },
+    TSModuleDeclaration(node) {
+      const firstToken = tokenStore.getFirstToken(node)
+      const idTokens = getFirstAndLastTokens(node.id)
+      const prefixTokens = tokenStore.getTokensBetween(
+        firstToken,
+        idTokens.firstToken
+      )
+      setOffset(prefixTokens, 0, firstToken)
+      setOffset(idTokens.firstToken, 1, firstToken)
+      if (node.body) {
+        const bodyFirstToken = tokenStore.getFirstToken(node.body)
+        setOffset(
+          bodyFirstToken,
+          isOpeningBraceToken(bodyFirstToken) ? 0 : 1,
+          firstToken
+        )
+      }
+    },
+    TSMethodSignature(node) {
+      // fn(arg: A): R | null;
+      const firstToken = tokenStore.getFirstToken(node)
+      const keyTokens = getFirstAndLastTokens(node.key)
+      let keyLast
+      if (node.computed) {
+        const closeBracket = tokenStore.getTokenAfter(keyTokens.lastToken)
+        processNodeList([node.key], firstToken, closeBracket, 1)
+        keyLast = closeBracket
+      } else {
+        keyLast = keyTokens.lastToken
+      }
+      const leftParenToken = /** @type {Token} */ (
+        tokenStore.getTokenAfter(keyLast, isOpeningParenToken)
+      )
+      setOffset(
+        [
+          ...tokenStore.getTokensBetween(keyLast, leftParenToken),
+          leftParenToken
+        ],
+        1,
+        firstToken
+      )
+      const rightParenToken = tokenStore.getTokenAfter(
+        node.params[node.params.length - 1] || leftParenToken,
+        isClosingParenToken
+      )
+      processNodeList(node.params, leftParenToken, rightParenToken, 1)
+      if (node.returnType) {
+        const typeAnnotationToken = tokenStore.getFirstToken(node.returnType)
+        setOffset(
+          [
+            ...tokenStore.getTokensBetween(keyLast, typeAnnotationToken),
+            typeAnnotationToken
+          ],
+          1,
+          firstToken
+        )
+      }
+    },
+    /**
+     * Process call signature declaration and construct signature declaration
+     *
+     * e.g.
+     * ```
+     * interface Foo {
+     *   (): string;
+     * //^^^^^^^^^^^
+     *   <T> (e: E): R
+     * //^^^^^^^^^^^^^
+     * }
+     * ```
+     *
+     * e.g.
+     * ```
+     * interface Foo {
+     *   new ();
+     * //^^^^^^^
+     * }
+     * interface A { new <T> (e: E): R }
+     * //            ^^^^^^^^^^^^^^^^^
+     * ```
+     * @param {TSCallSignatureDeclaration | TSConstructSignatureDeclaration} node
+     */
+    'TSCallSignatureDeclaration, TSConstructSignatureDeclaration'(node) {
+      const firstToken = tokenStore.getFirstToken(node)
+      // new or < or (
+      let currToken = firstToken
+      if (node.type === 'TSConstructSignatureDeclaration') {
+        // currToken is new token
+        // < or (
+        currToken = tokenStore.getTokenAfter(currToken)
+        setOffset(currToken, 1, firstToken)
+      }
+      if (node.typeParameters) {
+        // currToken is < token
+        // (
+        currToken = tokenStore.getTokenAfter(node.typeParameters)
+        setOffset(currToken, 1, firstToken)
+      }
+      const leftParenToken = currToken
+      const rightParenToken = /** @type {Token} */ (
+        tokenStore.getTokenAfter(
+          node.params[node.params.length - 1] || leftParenToken,
+          isClosingParenToken
+        )
+      )
+      processNodeList(node.params, leftParenToken, rightParenToken, 1)
+      if (node.returnType) {
+        const typeAnnotationToken = tokenStore.getFirstToken(node.returnType)
+        setOffset(
+          [
+            ...tokenStore.getTokensBetween(
+              rightParenToken,
+              typeAnnotationToken
+            ),
+            typeAnnotationToken
+          ],
+          1,
+          firstToken
+        )
+      }
+    },
+    /**
+     * Process declare function and empty body function
+     *
+     * e.g.
+     * ```
+     * declare function foo();
+     * ```
+     *
+     * e.g.
+     * ```
+     * class Foo {
+     *   abstract fn();
+     * //           ^^^
+     * }
+     * ```
+     * @param {TSDeclareFunction | TSEmptyBodyFunctionExpression} node
+     */
+    'TSDeclareFunction, TSEmptyBodyFunctionExpression'(node) {
+      const firstToken = tokenStore.getFirstToken(node)
+      let leftParenToken, bodyBaseToken
+      if (firstToken.type === 'Punctuator') {
+        // method
+        leftParenToken = firstToken
+        bodyBaseToken = tokenStore.getFirstToken(
+          /** @type {HasLocation} */ (node.parent)
+        )
+      } else {
+        let nextToken = tokenStore.getTokenAfter(firstToken)
+        let nextTokenOffset = 0
+        while (
+          nextToken &&
+          !isOpeningParenToken(nextToken) &&
+          nextToken.value !== '<'
+        ) {
+          if (
+            nextToken.value === '*' ||
+            (node.id && nextToken.range[0] === node.id.range[0])
+          ) {
+            nextTokenOffset = 1
+          }
+          setOffset(nextToken, nextTokenOffset, firstToken)
+          nextToken = tokenStore.getTokenAfter(nextToken)
+        }
+
+        leftParenToken = nextToken
+        bodyBaseToken = firstToken
+      }
+      if (!isOpeningParenToken(leftParenToken) && node.typeParameters) {
+        leftParenToken = tokenStore.getTokenAfter(node.typeParameters)
+      }
+      const rightParenToken = tokenStore.getTokenAfter(
+        node.params[node.params.length - 1] || leftParenToken,
+        isClosingParenToken
+      )
+      setOffset(leftParenToken, 1, bodyBaseToken)
+      processNodeList(node.params, leftParenToken, rightParenToken, 1)
+    },
+    /**
+     * Process type operator, type query and infer type
+     *
+     * e.g.
+     * ```
+     * type Foo = keyof Bar
+     * //         ^^^^^^^^^
+     * ```
+     *
+     * e.g.
+     * ```
+     * type T = typeof a
+     * //       ^^^^^^^^
+     * ```
+     *
+     * e.g.
+     * ```
+     * type Foo<T> = T extends Bar<infer U> ? U : T;
+     * //                          ^^^^^^^
+     * ```
+     *
+     * @param {TSTypeOperator | TSTypeQuery | TSInferType} node
+     */
+    'TSTypeOperator, TSTypeQuery, TSInferType'(node) {
+      // keyof T
+      // type T = typeof av
+      // infer U
+      const firstToken = tokenStore.getFirstToken(node)
+      const nextToken = tokenStore.getTokenAfter(firstToken)
+      setOffset(nextToken, 1, firstToken)
+    },
+    /**
+     * Process type predicate
+     *
+     * e.g.
+     * ```
+     * function foo(value): value is string;
+     * //                   ^^^^^^^^^^^^^^^
+     * ```
+     */
+    TSTypePredicate(node) {
+      const firstToken = tokenStore.getFirstToken(node)
+      const opToken = tokenStore.getTokenAfter(
+        node.parameterName,
+        isNotClosingParenToken
+      )
+      const rightToken =
+        node.typeAnnotation &&
+        getFirstAndLastTokens(node.typeAnnotation).firstToken
+      setOffset(
+        [opToken, rightToken],
+        1,
+        getFirstAndLastTokens(firstToken).firstToken
+      )
+    },
+    /**
+     * Process abstract method definition, abstract class property, enum member and class property
+     *
+     * e.g.
+     * ```
+     * class Foo {
+     *   abstract fn()
+     * //^^^^^^^^^^^^^
+     *   abstract x
+     * //^^^^^^^^^^
+     *   x
+     * //^
+     * }
+     * ```
+     *
+     * e.g.
+     * ```
+     * enum Foo { Bar = x }
+     * //         ^^^^^^^
+     * ```
+     *
+     * @param {TSAbstractMethodDefinition | TSAbstractClassProperty | TSEnumMember | ClassProperty} node
+     *
+     */
+    'TSAbstractMethodDefinition, TSAbstractClassProperty, TSEnumMember, ClassProperty'(
+      node
+    ) {
+      const { keyNode, valueNode } =
+        node.type === 'TSEnumMember'
+          ? { keyNode: node.id, valueNode: node.initializer }
+          : { keyNode: node.key, valueNode: node.value }
+      const firstToken = tokenStore.getFirstToken(node)
+      const keyTokens = getFirstAndLastTokens(keyNode)
+      const prefixTokens = tokenStore.getTokensBetween(
+        firstToken,
+        keyTokens.firstToken
+      )
+      if (node.computed) {
+        prefixTokens.pop() // pop [
+      }
+      setOffset(prefixTokens, 0, firstToken)
+      let lastKeyToken
+      if (node.computed) {
+        const leftBracketToken = tokenStore.getTokenBefore(keyTokens.firstToken)
+        const rightBracketToken = (lastKeyToken = tokenStore.getTokenAfter(
+          keyTokens.lastToken
+        ))
+        setOffset(leftBracketToken, 0, firstToken)
+        processNodeList([keyNode], leftBracketToken, rightBracketToken, 1)
+      } else {
+        setOffset(keyTokens.firstToken, 0, firstToken)
+        lastKeyToken = keyTokens.lastToken
+      }
+
+      if (valueNode != null) {
+        const initToken = tokenStore.getFirstToken(valueNode)
+        setOffset(
+          [...tokenStore.getTokensBetween(lastKeyToken, initToken), initToken],
+          1,
+          lastKeyToken
+        )
+      }
+    },
+
+    /**
+     * Process optional type, non-null expression and JSDocNonNullableType
+     *
+     * e.g.
+     * ```
+     * type Foo = [number?]
+     * //          ^^^^^^^
+     * const a = v!
+     * //        ^
+     * type T = U!
+     * //       ^^
+     * ```
+     *
+     * @param {TSOptionalType | TSNonNullExpression} node
+     */
+    'TSOptionalType, TSNonNullExpression, TSJSDocNonNullableType'(node) {
+      setOffset(
+        tokenStore.getLastToken(node),
+        1,
+        tokenStore.getFirstToken(node)
+      )
+    },
+    TSTypeAssertion(node) {
+      // <const>
+      const firstToken = tokenStore.getFirstToken(node)
+      const expressionToken = getFirstAndLastTokens(node.expression).firstToken
+      processNodeList(
+        [node.typeAnnotation],
+        firstToken,
+        tokenStore.getTokenBefore(expressionToken),
+        1
+      )
+      setOffset(expressionToken, 1, firstToken)
+    },
+    /**
+     * Process import type
+     *
+     * e.g.
+     * ```
+     * const foo: import('foo').Bar<T>
+     * //         ^^^^^^^^^^^^^^^^^^^^
+     * ```
+     */
+    TSImportType(node) {
+      const firstToken = tokenStore.getFirstToken(node)
+      const leftParenToken = tokenStore.getTokenAfter(
+        firstToken,
+        isOpeningParenToken
+      )
+      setOffset(leftParenToken, 1, firstToken)
+      const rightParenToken = tokenStore.getTokenAfter(
+        node.parameter,
+        isClosingParenToken
+      )
+      processNodeList([node.parameter], leftParenToken, rightParenToken, 1)
+      if (node.qualifier) {
+        const dotToken = tokenStore.getTokenBefore(node.qualifier)
+        const propertyToken = tokenStore.getTokenAfter(dotToken)
+        setOffset([dotToken, propertyToken], 1, firstToken)
+      }
+      if (node.typeParameters) {
+        setOffset(tokenStore.getFirstToken(node.typeParameters), 1, firstToken)
+      }
+    },
+    TSParameterProperty(node) {
+      // constructor(private a)
+      const firstToken = tokenStore.getFirstToken(node)
+      const parameterToken = tokenStore.getFirstToken(node.parameter)
+      setOffset(
+        [
+          ...tokenStore.getTokensBetween(firstToken, parameterToken),
+          parameterToken
+        ],
+        1,
+        firstToken
+      )
+    },
+    /**
+     * Process import equal
+     *
+     * e.g.
+     * ```
+     * import foo = require('foo')
+     * ```
+     */
+    TSImportEqualsDeclaration(node) {
+      const importToken = tokenStore.getFirstToken(node)
+      const idTokens = getFirstAndLastTokens(node.id)
+      setOffset(idTokens.firstToken, 1, importToken)
+      const opToken = tokenStore.getTokenAfter(idTokens.lastToken)
+      setOffset(
+        [opToken, tokenStore.getFirstToken(node.moduleReference)],
+        1,
+        idTokens.lastToken
+      )
+    },
+    /**
+     * Process external module reference
+     *
+     * e.g.
+     * ```
+     * import foo = require('foo')
+     * //           ^^^^^^^^^^^^^^
+     * ```
+     */
+    TSExternalModuleReference(node) {
+      const requireToken = tokenStore.getFirstToken(node)
+      const leftParenToken = tokenStore.getTokenAfter(
+        requireToken,
+        isOpeningParenToken
+      )
+      const rightParenToken = tokenStore.getLastToken(node)
+      setOffset(leftParenToken, 1, requireToken)
+      processNodeList([node.expression], leftParenToken, rightParenToken, 1)
+    },
+    /**
+     * Process export assignment
+     *
+     * e.g.
+     * ```
+     * export = foo
+     * ```
+     */
+    TSExportAssignment(node) {
+      const exportNode = tokenStore.getFirstToken(node)
+      const exprTokens = getFirstAndLastTokens(node.expression)
+      const opToken = tokenStore.getTokenBefore(exprTokens.firstToken)
+      setOffset([opToken, exprTokens.firstToken], 1, exportNode)
+    },
+    TSNamedTupleMember(node) {
+      // [a: string, ...b: string[]]
+      //  ^^^^^^^^^
+      const labelToken = tokenStore.getFirstToken(node)
+      const elementTokens = getFirstAndLastTokens(node.elementType)
+      setOffset(
+        [
+          ...tokenStore.getTokensBetween(labelToken, elementTokens.firstToken),
+          elementTokens.firstToken
+        ],
+        1,
+        labelToken
+      )
+    },
+    TSRestType(node) {
+      // [a: string, ...b: string[]]
+      //             ^^^^^^^^^^^^^^
+      const firstToken = tokenStore.getFirstToken(node)
+      const nextToken = tokenStore.getTokenAfter(firstToken)
+      setOffset(nextToken, 1, firstToken)
+    },
+    TSNamespaceExportDeclaration(node) {
+      const firstToken = tokenStore.getFirstToken(node)
+      const idToken = tokenStore.getFirstToken(node.id)
+      setOffset(
+        [...tokenStore.getTokensBetween(firstToken, idToken), idToken],
+        1,
+        firstToken
+      )
+    },
+    TSTemplateLiteralType(node) {
+      const firstToken = tokenStore.getFirstToken(node)
+      const quasiTokens = node.quasis
+        .slice(1)
+        .map((n) => tokenStore.getFirstToken(n))
+      const expressionToken = node.quasis
+        .slice(0, -1)
+        .map((n) => tokenStore.getTokenAfter(n))
+      setOffset(quasiTokens, 0, firstToken)
+      setOffset(expressionToken, 1, firstToken)
+    },
+    // ----------------------------------------------------------------------
+    // NON-STANDARD NODES
+    // ----------------------------------------------------------------------
+    Decorator(node) {
+      // @Decorator
+      const [atToken, secondToken] = tokenStore.getFirstTokens(node, {
+        count: 2,
+        includeComments: false
+      })
+      setOffset(secondToken, 0, atToken)
+      const parent = /** @type {any} */ (node.parent)
+      const { decorators } = parent
+      if (!decorators || decorators.length === 0) {
+        return
+      }
+      if (decorators[0] === node) {
+        if (parent.range[0] === node.range[0]) {
+          const startParentToken = tokenStore.getTokenAfter(
+            decorators[decorators.length - 1]
+          )
+          setOffset(startParentToken, 0, atToken)
+        } else {
+          const startParentToken = tokenStore.getFirstToken(
+            parent.parent &&
+              (parent.parent.type === 'ExportDefaultDeclaration' ||
+                parent.parent.type === 'ExportNamedDeclaration') &&
+              node.range[0] < parent.parent.range[0]
+              ? parent.parent
+              : parent
+          )
+          copyOffset(atToken, startParentToken)
+        }
+      } else {
+        setOffset(atToken, 0, tokenStore.getFirstToken(decorators[0]))
+      }
+    },
+    // ----------------------------------------------------------------------
+    // SINGLE TOKEN NODES
+    // ----------------------------------------------------------------------
+    TSPrivateIdentifier() {
+      // Perhaps this node will be deprecated in the future.
+      // It was present in @typescript-eslint/parser@4.1.0.
+    },
+    // VALUES KEYWORD
+    TSAnyKeyword() {},
+    TSBigIntKeyword() {},
+    TSBooleanKeyword() {},
+    TSNeverKeyword() {},
+    TSNullKeyword() {},
+    TSNumberKeyword() {},
+    TSObjectKeyword() {},
+    TSStringKeyword() {},
+    TSSymbolKeyword() {},
+    TSUndefinedKeyword() {},
+    TSUnknownKeyword() {},
+    TSVoidKeyword() {},
+    // MODIFIERS KEYWORD
+    TSAbstractKeyword() {},
+    TSAsyncKeyword() {},
+    TSPrivateKeyword() {},
+    TSProtectedKeyword() {},
+    TSPublicKeyword() {},
+    TSReadonlyKeyword() {},
+    TSStaticKeyword() {},
+    // OTHERS KEYWORD
+    TSDeclareKeyword() {},
+    TSExportKeyword() {},
+    TSIntrinsicKeyword() {},
+    // OTHERS
+    TSThisType() {},
+    // ----------------------------------------------------------------------
+    // WRAPPER NODES
+    // ----------------------------------------------------------------------
+    TSLiteralType() {}
+  }
+  /**
+   * Check whether the given node or token is the beginning of a line.
+   * @param {MaybeNode} node
+   */
+  function isBeginningOfLine(node) {
+    const prevToken = tokenStore.getTokenBefore(node, { includeComments: true })
+    return !prevToken || prevToken.loc.end.line < node.loc.start.line
+  }
+}
diff --git a/lib/utils/indent-utils.js b/lib/utils/indent-utils.js
new file mode 100644
index 000000000..5e40ba996
--- /dev/null
+++ b/lib/utils/indent-utils.js
@@ -0,0 +1,117 @@
+'use strict'
+
+/**
+ * Check whether the given token is a wildcard.
+ * @param {Token|undefined|null} token The token to check.
+ * @returns {boolean} `true` if the token is a wildcard.
+ */
+function isWildcard(token) {
+  return token != null && token.type === 'Punctuator' && token.value === '*'
+}
+
+/**
+ * Check whether the given token is a question.
+ * @param {Token|undefined|null} token The token to check.
+ * @returns {boolean} `true` if the token is a question.
+ */
+function isQuestion(token) {
+  return token != null && token.type === 'Punctuator' && token.value === '?'
+}
+
+/**
+ * Check whether the given token is an extends keyword.
+ * @param {Token|undefined|null} token The token to check.
+ * @returns {boolean} `true` if the token is an extends keywordn.
+ */
+function isExtendsKeyword(token) {
+  return token != null && token.type === 'Keyword' && token.value === 'extends'
+}
+
+/**
+ * Check whether the given token is a whitespace.
+ * @param {Token|undefined|null} token The token to check.
+ * @returns {boolean} `true` if the token is a whitespace.
+ */
+function isNotWhitespace(token) {
+  return (
+    token != null &&
+    token.type !== 'HTMLWhitespace' &&
+    (token.type !== 'JSXText' || !!token.value.trim())
+  )
+}
+
+/**
+ * Check whether the given token is a comment.
+ * @param {Token|undefined|null} token The token to check.
+ * @returns {boolean} `true` if the token is a comment.
+ */
+function isComment(token) {
+  return (
+    token != null &&
+    (token.type === 'Block' ||
+      token.type === 'Line' ||
+      token.type === 'Shebang' ||
+      (typeof token.type ===
+        'string' /* Although acorn supports new tokens, espree may not yet support new tokens.*/ &&
+        token.type.endsWith('Comment')))
+  )
+}
+
+/**
+ * Check whether the given token is a comment.
+ * @param {Token|undefined|null} token The token to check.
+ * @returns {boolean} `false` if the token is a comment.
+ */
+function isNotComment(token) {
+  return (
+    token != null &&
+    token.type !== 'Block' &&
+    token.type !== 'Line' &&
+    token.type !== 'Shebang' &&
+    !(
+      typeof token.type ===
+        'string' /* Although acorn supports new tokens, espree may not yet support new tokens.*/ &&
+      token.type.endsWith('Comment')
+    )
+  )
+}
+
+/**
+ * Check whether the given node is not an empty text node.
+ * @param {ASTNode} node The node to check.
+ * @returns {boolean} `false` if the token is empty text node.
+ */
+function isNotEmptyTextNode(node) {
+  return !(node.type === 'VText' && node.value.trim() === '')
+}
+
+/**
+ * Check whether the given token is a pipe operator.
+ * @param {Token|undefined|null} token The token to check.
+ * @returns {boolean} `true` if the token is a pipe operator.
+ */
+function isPipeOperator(token) {
+  return token != null && token.type === 'Punctuator' && token.value === '|'
+}
+
+/**
+ * Get the last element.
+ * @template T
+ * @param {T[]} xs The array to get the last element.
+ * @returns {T | undefined} The last element or undefined.
+ */
+function last(xs) {
+  return xs.length === 0 ? undefined : xs[xs.length - 1]
+}
+
+module.exports = {
+  isWildcard,
+  isQuestion,
+  isExtendsKeyword,
+  isNotWhitespace,
+  isComment,
+  isNotComment,
+  isNotEmptyTextNode,
+  isPipeOperator,
+  last
+}
diff --git a/package.json b/package.json
index d5b43b412..ee78d5950 100644
--- a/package.json
+++ b/package.json
@@ -60,10 +60,11 @@
   },
   "devDependencies": {
     "@types/eslint": "^7.2.0",
+    "@types/eslint-visitor-keys": "^1.0.0",
     "@types/natural-compare": "^1.4.0",
     "@types/node": "^13.13.5",
     "@types/semver": "^7.2.0",
-    "@typescript-eslint/parser": "^3.0.2",
+    "@typescript-eslint/parser": "^4.28.0",
     "@vuepress/plugin-pwa": "^1.4.1",
     "babel-eslint": "^10.1.0",
     "env-cmd": "^10.1.0",
@@ -79,7 +80,7 @@
     "mocha": "^7.1.2",
     "nyc": "^15.0.1",
     "prettier": "^2.1.1",
-    "typescript": "^3.9.5",
+    "typescript": "^4.3.4",
     "vue-eslint-editor": "^1.1.0",
     "vuepress": "^1.4.1"
   }
diff --git a/tests/fixtures/script-indent/ignore-01.vue b/tests/fixtures/script-indent/ignore-01.vue
new file mode 100644
index 000000000..e323cdc08
--- /dev/null
+++ b/tests/fixtures/script-indent/ignore-01.vue
@@ -0,0 +1,19 @@
+<!--{"options":[2, {"ignores": ["ArrayExpression"]}]}-->
+<script>
+var a =
+[
+{
+a: 42
+}
+]
+var x = {
+  a:
+[],
+  b:
+    1,
+  c:
+    {},
+  d:
+    2
+}
+</script>
diff --git a/tests/fixtures/script-indent/ignore-02.vue b/tests/fixtures/script-indent/ignore-02.vue
new file mode 100644
index 000000000..18c557476
--- /dev/null
+++ b/tests/fixtures/script-indent/ignore-02.vue
@@ -0,0 +1,19 @@
+<!--{"options":[2, {"ignores": ["ObjectExpression"]}]}-->
+<script>
+var a =
+  [
+{
+a: 42
+}
+  ]
+var x = {
+a:
+[],
+b:
+1,
+c:
+{},
+d:
+2
+}
+</script>
diff --git a/tests/fixtures/script-indent/jsx-01.vue b/tests/fixtures/script-indent/jsx-01.vue
new file mode 100644
index 000000000..7cd302aa3
--- /dev/null
+++ b/tests/fixtures/script-indent/jsx-01.vue
@@ -0,0 +1,16 @@
+<!--{ "parserOptions": { "ecmaFeatures": { "jsx": true } } }-->
+<script>
+// Not yet supported.
+const jsx = <
+div
+>
+<
+div
+>
+</
+div
+>
+</
+div
+>
+</script>
diff --git a/tests/fixtures/script-indent/jsx-02.vue b/tests/fixtures/script-indent/jsx-02.vue
new file mode 100644
index 000000000..895f4039e
--- /dev/null
+++ b/tests/fixtures/script-indent/jsx-02.vue
@@ -0,0 +1,23 @@
+<!--{ "parserOptions": { "ecmaFeatures": { "jsx": true } } }-->
+<script>
+// Not yet supported.
+const jsx = <
+div
+>
+a
+<input />
+a
+a
+a
+a
+<
+div
+>
+</
+div
+>
+a
+</
+div
+>
+</script>
diff --git a/tests/fixtures/script-indent/method-definition-02.vue b/tests/fixtures/script-indent/method-definition-02.vue
new file mode 100644
index 000000000..d5c1d3725
--- /dev/null
+++ b/tests/fixtures/script-indent/method-definition-02.vue
@@ -0,0 +1,10 @@
+<!--{}-->
+<script>
+class A {
+  b
+    (
+    ) {
+    return 42
+  }
+}
+</script>
diff --git a/tests/fixtures/script-indent/ts-abstract-class-property-01.vue b/tests/fixtures/script-indent/ts-abstract-class-property-01.vue
new file mode 100644
index 000000000..ec38f5ff3
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-abstract-class-property-01.vue
@@ -0,0 +1,22 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+abstract class A {
+  abstract a;
+  abstract public b;
+  public abstract c;
+  abstract protected d;
+  protected abstract e;
+  abstract private f;
+  private abstract g;
+}
+
+abstract class B {
+  readonly abstract a;
+  abstract readonly b;
+  abstract readonly public c;
+  public abstract readonly d;
+  public readonly abstract e;
+  public static readonly  a;
+  public abstract readonly  a;
+}
+</script>
diff --git a/tests/fixtures/script-indent/ts-abstract-class-property-02.vue b/tests/fixtures/script-indent/ts-abstract-class-property-02.vue
new file mode 100644
index 000000000..9e3214a0f
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-abstract-class-property-02.vue
@@ -0,0 +1,17 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+abstract class A {
+  a
+    =
+    1
+  ;
+  abstract public b
+    =
+    's'
+  ;
+  protected abstract c
+    =
+    i
+  ;
+}
+</script>
diff --git a/tests/fixtures/script-indent/ts-abstract-method-definition-01.vue b/tests/fixtures/script-indent/ts-abstract-method-definition-01.vue
new file mode 100644
index 000000000..bed8e269e
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-abstract-method-definition-01.vue
@@ -0,0 +1,30 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+abstract class A {
+  abstract a ();
+  abstract public b(
+  );
+  public abstract c
+    ();
+  abstract protected d(
+    p1,
+    p2
+  );
+  protected abstract e(
+    p1
+    ,p2
+  )
+  abstract private f(
+    p1
+    ,
+    p2
+  )
+  ;
+  private abstract g();
+  private abstract async h(
+    p1
+    ,
+    p2
+  );
+}
+</script>
diff --git a/tests/fixtures/script-indent/ts-as-expression-01.vue b/tests/fixtures/script-indent/ts-as-expression-01.vue
new file mode 100644
index 000000000..869101939
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-as-expression-01.vue
@@ -0,0 +1,6 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+var foo =
+  bar as
+    boolean
+</script>
diff --git a/tests/fixtures/script-indent/ts-call-signature-declaration-01.vue b/tests/fixtures/script-indent/ts-call-signature-declaration-01.vue
new file mode 100644
index 000000000..a6b14b935
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-call-signature-declaration-01.vue
@@ -0,0 +1,13 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+interface Foo {
+  (
+    arg1
+    ,
+    arg2
+  )
+    :
+    string
+  ;
+}
+</script>
diff --git a/tests/fixtures/script-indent/ts-call-signature-declaration-02.vue b/tests/fixtures/script-indent/ts-call-signature-declaration-02.vue
new file mode 100644
index 000000000..7ef9cce2b
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-call-signature-declaration-02.vue
@@ -0,0 +1,13 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+type Foo = {
+  (
+    arg1
+    ,
+    arg2
+  )
+    :
+    string
+  ;
+}
+</script>
diff --git a/tests/fixtures/script-indent/ts-class-declaration-01.vue b/tests/fixtures/script-indent/ts-class-declaration-01.vue
new file mode 100644
index 000000000..972eb91d2
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-class-declaration-01.vue
@@ -0,0 +1,11 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+class
+  Foo
+    <
+      T
+    >
+{
+  prop:string
+}
+</script>
diff --git a/tests/fixtures/script-indent/ts-class-declaration-02.vue b/tests/fixtures/script-indent/ts-class-declaration-02.vue
new file mode 100644
index 000000000..6ddf94570
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-class-declaration-02.vue
@@ -0,0 +1,16 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+class
+  Foo
+    <
+      T
+    >
+  extends
+    Bar
+      <
+        T
+      >
+{
+  prop:string
+}
+</script>
diff --git a/tests/fixtures/script-indent/ts-class-declaration-03.vue b/tests/fixtures/script-indent/ts-class-declaration-03.vue
new file mode 100644
index 000000000..206c64347
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-class-declaration-03.vue
@@ -0,0 +1,26 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+class
+  Foo
+    <
+      T
+    >
+  extends
+    Bar
+      <
+        T
+      >
+  implements
+    Baz1
+      <
+        T
+      >
+    ,
+    Baz2
+      <
+        T
+      >
+{
+  prop:string
+}
+</script>
diff --git a/tests/fixtures/script-indent/ts-class-declaration-04.vue b/tests/fixtures/script-indent/ts-class-declaration-04.vue
new file mode 100644
index 000000000..1b7e09fdb
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-class-declaration-04.vue
@@ -0,0 +1,26 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+class
+  Foo
+    <
+      T
+    >
+  implements
+    Baz1
+      <
+        T
+      >
+    ,
+    Baz2
+      <
+        T
+      >
+  extends
+    Bar
+      <
+        T
+      >
+{
+  prop:string
+}
+</script>
diff --git a/tests/fixtures/script-indent/ts-class-declaration-05.vue b/tests/fixtures/script-indent/ts-class-declaration-05.vue
new file mode 100644
index 000000000..69bff1cc1
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-class-declaration-05.vue
@@ -0,0 +1,14 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+class
+  Foo
+  implements
+    Baz1
+    ,
+    Baz2
+  extends
+    Bar
+{
+  prop:string
+}
+</script>
diff --git a/tests/fixtures/script-indent/ts-class-declaration-06.vue b/tests/fixtures/script-indent/ts-class-declaration-06.vue
new file mode 100644
index 000000000..008d9c568
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-class-declaration-06.vue
@@ -0,0 +1,28 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+class
+  Foo
+{
+  constructor(
+    protected a
+      :
+      string
+    ,
+    protected readonly b
+      :
+      string
+    ,
+    protected c
+      :
+      number
+      =
+      30
+    ,
+    protected readonly d
+      :
+      boolean
+      =
+      false
+  )
+}
+</script>
diff --git a/tests/fixtures/script-indent/ts-class-declaration-07.vue b/tests/fixtures/script-indent/ts-class-declaration-07.vue
new file mode 100644
index 000000000..5568aa6d3
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-class-declaration-07.vue
@@ -0,0 +1,9 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+import {Component, Prop, Vue} from "vue-property-decorator";
+
+@Component
+export default class UserComp extends Vue {
+  private id = "UserComp";
+}
+</script>
diff --git a/tests/fixtures/script-indent/ts-class-fields-private-methods-01.vue b/tests/fixtures/script-indent/ts-class-fields-private-methods-01.vue
new file mode 100644
index 000000000..aa1ae7b89
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-class-fields-private-methods-01.vue
@@ -0,0 +1,64 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script>
+class Counter {
+  get
+  #x
+    (
+    )
+  {
+  }
+  set
+  #x
+    (
+      value
+    ) {
+  }
+  static
+  get
+  #y
+    (
+    ) {
+  }
+  static
+  set
+  #y
+    (
+      value
+    ) {
+  }
+  inc() {
+    this
+      .#inc
+      (
+      )
+    this.
+      #inc
+      (
+      )
+  }
+  #inc
+    (
+    ) {
+    this
+      .#x++;
+    this.
+      #x++;
+    Counter
+      .#staticInc
+      (
+      )
+    Counter.
+      #staticInc(
+      )
+  }
+  static
+  #staticInc
+    (
+    ) {
+    Counter
+      .#y++;
+    Counter.
+      #y++;
+  }
+}
+</script>
diff --git a/tests/fixtures/script-indent/ts-class-fields-private-properties-01.vue b/tests/fixtures/script-indent/ts-class-fields-private-properties-01.vue
new file mode 100644
index 000000000..e74198af8
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-class-fields-private-properties-01.vue
@@ -0,0 +1,22 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script>
+class Counter {
+  #x
+    =
+    0;
+  static
+  #y
+    =
+    0;
+  inc() {
+    this
+      .#x++;
+    this.
+      #x++;
+    Counter
+      .#y++;
+    Counter.
+      #y++;
+  }
+}
+</script>
diff --git a/tests/fixtures/script-indent/ts-class-property-01.vue b/tests/fixtures/script-indent/ts-class-property-01.vue
new file mode 100644
index 000000000..8f55b5483
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-class-property-01.vue
@@ -0,0 +1,15 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+class A {
+  a;
+  public b;
+  protected c;
+  private d;
+}
+
+class B {
+  readonly a;
+  readonly public b;
+  protected readonly c;
+}
+</script>
diff --git a/tests/fixtures/script-indent/ts-class-property-02.vue b/tests/fixtures/script-indent/ts-class-property-02.vue
new file mode 100644
index 000000000..71c059b7c
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-class-property-02.vue
@@ -0,0 +1,17 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+class A {
+  a
+    =
+    1
+  ;
+  public b
+    =
+    's'
+  ;
+  readonly protected c
+    =
+    i
+  ;
+}
+</script>
diff --git a/tests/fixtures/script-indent/ts-class-property-03.vue b/tests/fixtures/script-indent/ts-class-property-03.vue
new file mode 100644
index 000000000..7a44d6a7d
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-class-property-03.vue
@@ -0,0 +1,36 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+class A {
+  a: number
+    =
+    1
+  ;
+  public b
+    :
+    CustomType<
+      T
+    >
+    =
+    's'
+  ;
+  readonly protected c
+    :
+    {
+      key: string;
+      [
+        name
+        in
+        CustomType
+      ]: undefined;
+      [
+        key:
+          string
+      ]:
+        string
+      ;
+    }
+    =
+    i
+  ;
+}
+</script>
diff --git a/tests/fixtures/script-indent/ts-conditional-type-01.vue b/tests/fixtures/script-indent/ts-conditional-type-01.vue
new file mode 100644
index 000000000..188ee1654
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-conditional-type-01.vue
@@ -0,0 +1,10 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+type X = A extends B
+  ? C
+  : D extends E
+  ? F
+  : G extends H
+  ? I
+  : J;
+</script>
diff --git a/tests/fixtures/script-indent/ts-conditional-type-02.vue b/tests/fixtures/script-indent/ts-conditional-type-02.vue
new file mode 100644
index 000000000..778ae1ec1
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-conditional-type-02.vue
@@ -0,0 +1,10 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+type X = A extends B ?
+  C :
+    D extends E ?
+    F :
+    G extends H ?
+    I :
+    J;
+</script>
diff --git a/tests/fixtures/script-indent/ts-conditional-type-03.vue b/tests/fixtures/script-indent/ts-conditional-type-03.vue
new file mode 100644
index 000000000..8735d9f8b
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-conditional-type-03.vue
@@ -0,0 +1,17 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+type X = A extends B
+  ?
+    C
+  :
+    D extends E
+  ?
+    F
+  :
+    G extends H
+  ?
+    I
+  :
+    J
+;
+</script>
diff --git a/tests/fixtures/script-indent/ts-constructor-type-01.vue b/tests/fixtures/script-indent/ts-constructor-type-01.vue
new file mode 100644
index 000000000..07a3d7f59
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-constructor-type-01.vue
@@ -0,0 +1,21 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+type Foo = new
+  (
+    arg1,
+    arg2
+  )
+  =>
+  T
+
+type Foo2 = new
+  <
+    T
+  >
+  (
+    arg1,
+    arg2
+  )
+  =>
+  T
+</script>
diff --git a/tests/fixtures/script-indent/ts-declare-function-01.vue b/tests/fixtures/script-indent/ts-declare-function-01.vue
new file mode 100644
index 000000000..164611be6
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-declare-function-01.vue
@@ -0,0 +1,12 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+declare function
+  foo
+  (
+    arg1: string,
+    arg2: string
+  )
+  :
+  arg1 is
+    string;
+</script>
diff --git a/tests/fixtures/script-indent/ts-declare-function-02.vue b/tests/fixtures/script-indent/ts-declare-function-02.vue
new file mode 100644
index 000000000..fcca210b0
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-declare-function-02.vue
@@ -0,0 +1,12 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+function
+  foo
+  (
+    arg1: string,
+    arg2: string
+  )
+  :
+  arg1 is
+    string;
+</script>
diff --git a/tests/fixtures/script-indent/ts-declare-function-03.vue b/tests/fixtures/script-indent/ts-declare-function-03.vue
new file mode 100644
index 000000000..397c36f0f
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-declare-function-03.vue
@@ -0,0 +1,12 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+declare async function
+  foo
+  (
+    arg1: string,
+    arg2: string
+  )
+  :
+  arg1 is
+    string;
+</script>
diff --git a/tests/fixtures/script-indent/ts-declare-function-04.vue b/tests/fixtures/script-indent/ts-declare-function-04.vue
new file mode 100644
index 000000000..3a62cc896
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-declare-function-04.vue
@@ -0,0 +1,16 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+declare function
+  *
+  foo
+  (
+    arg1: string,
+    arg2: string
+  )
+  :
+  arg1 is
+    string;
+function
+  *
+  bar() {}
+</script>
diff --git a/tests/fixtures/script-indent/ts-decorator-01.vue b/tests/fixtures/script-indent/ts-decorator-01.vue
new file mode 100644
index 000000000..be6def42f
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-decorator-01.vue
@@ -0,0 +1,205 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+class
+  ExampleClass
+{
+  @first
+    (
+    )
+  @second
+    (
+    )
+  method
+    (
+    )
+  {
+  }
+}
+
+@sealed
+class
+  BugReport
+{
+  type
+    =
+    "report"
+  ;
+  title
+    :
+    string
+  ;
+
+  constructor
+    (
+      t
+        :
+        string
+    )
+  {
+    this
+      .
+      title
+      =
+      t
+    ;
+  }
+}
+
+class
+  Greeter
+{
+  greeting
+    :
+    string
+  ;
+  constructor
+    (
+      message
+        :
+        string
+    )
+  {
+    this
+      .
+      greeting
+      =
+      message
+    ;
+  }
+
+  @
+  enumerable
+    (
+      false
+    )
+  greet
+    (
+    )
+  {
+    return "Hello, "
+      +
+      this
+        .
+        greeting
+    ;
+  }
+}
+
+class Point {
+  private _x: number;
+  private _y: number;
+  constructor(x: number, y: number) {
+    this._x = x;
+    this._y = y;
+  }
+
+  @
+  configurable
+    (
+      false
+    )
+  get
+  x
+    (
+    )
+  {
+    return this._x;
+  }
+
+  @
+  configurable
+    (
+      false
+    )
+  get
+  y
+    (
+    )
+  {
+    return this._y;
+  }
+}
+
+class Greeter {
+  @
+  format
+    (
+      "Hello, %s"
+    )
+  greeting
+    :
+    string
+  ;
+  constructor(message: string) {
+    this.greeting = message;
+  }
+  greet() {
+    let formatString = getFormat(this, "greeting");
+    return formatString.replace("%s", this.greeting);
+  }
+}
+
+class BugReport {
+  type = "report";
+  title: string;
+
+  constructor(t: string) {
+    this.title = t;
+  }
+
+  @
+  validate
+  print
+    (
+      @
+      required
+      verbose
+        :
+        boolean
+    ) {
+    if (verbose) {
+      return `type: ${this.type}\ntitle: ${this.title}`;
+    } else {
+      return this.title;
+    }
+  }
+}
+
+class Line {
+  private _start: Point;
+  private _end: Point;
+  @
+  validate
+  @
+  Reflect
+    .
+    metadata(
+      "design:type"
+      ,
+      Point
+    )
+  set start(value: Point) {
+    this._start = value;
+  }
+  get start() {
+    return this._start;
+  }
+  @
+  validate
+  @
+  Reflect
+    .
+    metadata(
+      "design:type"
+      ,
+      Point
+    )
+  set
+  end(value: Point) {
+    this._end = value;
+  }
+  get end() {
+    return this._end;
+  }
+}
+</script>
diff --git a/tests/fixtures/script-indent/ts-decorator-02.vue b/tests/fixtures/script-indent/ts-decorator-02.vue
new file mode 100644
index 000000000..5d663f250
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-decorator-02.vue
@@ -0,0 +1,14 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+@
+(
+  d
+)
+@
+(
+  d
+)
+  .d
+export class Foo {
+}
+</script>
diff --git a/tests/fixtures/script-indent/ts-enum-01.vue b/tests/fixtures/script-indent/ts-enum-01.vue
new file mode 100644
index 000000000..2b438689d
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-enum-01.vue
@@ -0,0 +1,9 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+enum Direction {
+  Up = 1,
+  Down,
+  Left,
+  Right,
+}
+</script>
diff --git a/tests/fixtures/script-indent/ts-enum-02.vue b/tests/fixtures/script-indent/ts-enum-02.vue
new file mode 100644
index 000000000..03034cef1
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-enum-02.vue
@@ -0,0 +1,9 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+enum Direction {
+  Up = "UP",
+  Down = "DOWN",
+  Left = "LEFT",
+  Right = "RIGHT",
+}
+</script>
diff --git a/tests/fixtures/script-indent/ts-enum-03.vue b/tests/fixtures/script-indent/ts-enum-03.vue
new file mode 100644
index 000000000..53f6d2e51
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-enum-03.vue
@@ -0,0 +1,12 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+enum FileAccess {
+  // constant members
+  None,
+  Read    = 1 << 1,
+  Write   = 1 << 2,
+  ReadWrite  = Read | Write,
+  // computed member
+  G = "123".length
+}
+</script>
diff --git a/tests/fixtures/script-indent/ts-enum-04.vue b/tests/fixtures/script-indent/ts-enum-04.vue
new file mode 100644
index 000000000..2995e29ab
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-enum-04.vue
@@ -0,0 +1,7 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+const enum Enum {
+  A = 1,
+  B = A * 2
+}
+</script>
diff --git a/tests/fixtures/script-indent/ts-enum-05.vue b/tests/fixtures/script-indent/ts-enum-05.vue
new file mode 100644
index 000000000..6b266680c
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-enum-05.vue
@@ -0,0 +1,8 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+declare enum Enum {
+  A = 1,
+  B,
+  C = 2
+}
+</script>
diff --git a/tests/fixtures/script-indent/ts-enum-06.vue b/tests/fixtures/script-indent/ts-enum-06.vue
new file mode 100644
index 000000000..aae884251
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-enum-06.vue
@@ -0,0 +1,10 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+{
+  declare enum
+    Enum
+  {
+    A
+  }
+}
+</script>
diff --git a/tests/fixtures/script-indent/ts-enum-member-01.vue b/tests/fixtures/script-indent/ts-enum-member-01.vue
new file mode 100644
index 000000000..925dc7b32
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-enum-member-01.vue
@@ -0,0 +1,15 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+enum Direction {
+  // comment
+  Up = 1,
+  // comment
+  Down,
+  Left
+    = 2,
+  [
+    Right
+  ] =
+    3,
+}
+</script>
diff --git a/tests/fixtures/script-indent/ts-enum-member-02.vue b/tests/fixtures/script-indent/ts-enum-member-02.vue
new file mode 100644
index 000000000..04cb70b31
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-enum-member-02.vue
@@ -0,0 +1,26 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+enum FileAccess {
+  // constant members
+  None,
+  Read
+    =
+    1
+    <<
+    1,
+  Write
+    =
+    1
+    <<
+    2,
+  ReadWrite
+    =
+    Read
+    | Write,
+  // computed member
+  G
+    =
+    "123"
+      .length
+}
+</script>
diff --git a/tests/fixtures/script-indent/ts-export-assignment-01.vue b/tests/fixtures/script-indent/ts-export-assignment-01.vue
new file mode 100644
index 000000000..f19bd6611
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-export-assignment-01.vue
@@ -0,0 +1,5 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+export = {
+}
+</script>
diff --git a/tests/fixtures/script-indent/ts-export-assignment-02.vue b/tests/fixtures/script-indent/ts-export-assignment-02.vue
new file mode 100644
index 000000000..8844b3744
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-export-assignment-02.vue
@@ -0,0 +1,13 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+var obj
+  =
+  {
+    foo
+  }
+export
+  =
+  {
+    foo
+  }
+</script>
diff --git a/tests/fixtures/script-indent/ts-export-namespace-01.vue b/tests/fixtures/script-indent/ts-export-namespace-01.vue
new file mode 100644
index 000000000..4bad9b1d1
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-export-namespace-01.vue
@@ -0,0 +1,8 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+export
+  as
+  namespace
+  a
+;
+</script>
diff --git a/tests/fixtures/script-indent/ts-function-type-01.vue b/tests/fixtures/script-indent/ts-function-type-01.vue
new file mode 100644
index 000000000..be51a6404
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-function-type-01.vue
@@ -0,0 +1,6 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+type Foo = (
+  arg: T
+) => R;
+</script>
diff --git a/tests/fixtures/script-indent/ts-function-type-02.vue b/tests/fixtures/script-indent/ts-function-type-02.vue
new file mode 100644
index 000000000..bd976af7c
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-function-type-02.vue
@@ -0,0 +1,17 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+const Hoo =
+  (
+    arg
+  )
+    =>
+    R;
+type Foo =
+  (
+    arg
+      :
+      T
+  )
+    =>
+    R;
+</script>
diff --git a/tests/fixtures/script-indent/ts-import-equal-01.vue b/tests/fixtures/script-indent/ts-import-equal-01.vue
new file mode 100644
index 000000000..e2136f100
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-import-equal-01.vue
@@ -0,0 +1,6 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+import foo = require(
+  'asdf'
+);
+</script>
diff --git a/tests/fixtures/script-indent/ts-import-equal-02.vue b/tests/fixtures/script-indent/ts-import-equal-02.vue
new file mode 100644
index 000000000..b4a7146c4
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-import-equal-02.vue
@@ -0,0 +1,19 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+const
+  foo
+    =
+    require
+      (
+        'asdf'
+      )
+;
+import
+  foo
+    =
+    require
+      (
+        'asdf'
+      )
+;
+</script>
diff --git a/tests/fixtures/script-indent/ts-import-equal-03.vue b/tests/fixtures/script-indent/ts-import-equal-03.vue
new file mode 100644
index 000000000..066306f07
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-import-equal-03.vue
@@ -0,0 +1,13 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+const
+  foo
+    =
+    bar
+;
+import
+  foo
+    =
+    bar
+;
+</script>
diff --git a/tests/fixtures/script-indent/ts-import-type-01.vue b/tests/fixtures/script-indent/ts-import-type-01.vue
new file mode 100644
index 000000000..8c224b3c9
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-import-type-01.vue
@@ -0,0 +1,8 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+const foo
+  :
+  import(
+    "bar"
+  )
+</script>
diff --git a/tests/fixtures/script-indent/ts-import-type-02.vue b/tests/fixtures/script-indent/ts-import-type-02.vue
new file mode 100644
index 000000000..c869a5be3
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-import-type-02.vue
@@ -0,0 +1,18 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+const foo
+  =
+  bar
+    .
+    Baz
+
+const foo
+  :
+  import(
+    "bar"
+  )
+    .
+    Baz<
+      T
+    >
+</script>
diff --git a/tests/fixtures/script-indent/ts-import-type-03.vue b/tests/fixtures/script-indent/ts-import-type-03.vue
new file mode 100644
index 000000000..cdbba7a14
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-import-type-03.vue
@@ -0,0 +1,9 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+const foo
+  :
+  typeof
+    import(
+      "bar"
+    )
+</script>
diff --git a/tests/fixtures/script-indent/ts-indexed-access-type-01.vue b/tests/fixtures/script-indent/ts-indexed-access-type-01.vue
new file mode 100644
index 000000000..4cb163bdf
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-indexed-access-type-01.vue
@@ -0,0 +1,9 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+const Foo = Bar[
+  'asdf'
+];
+type Foo = Bar[
+  'asdf'
+];
+</script>
diff --git a/tests/fixtures/script-indent/ts-indexed-access-type-02.vue b/tests/fixtures/script-indent/ts-indexed-access-type-02.vue
new file mode 100644
index 000000000..8c6e9381e
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-indexed-access-type-02.vue
@@ -0,0 +1,11 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+{
+  const Foo = Bar[
+    'asdf'
+  ];
+  type Foo = Bar[
+    'asdf'
+  ];
+}
+</script>
diff --git a/tests/fixtures/script-indent/ts-infer-01.vue b/tests/fixtures/script-indent/ts-infer-01.vue
new file mode 100644
index 000000000..d7818834c
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-infer-01.vue
@@ -0,0 +1,7 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+type Foo<T> = T extends Bar<
+  infer
+    U
+> ? U : T;
+</script>
diff --git a/tests/fixtures/script-indent/ts-interface-declaration-01.vue b/tests/fixtures/script-indent/ts-interface-declaration-01.vue
new file mode 100644
index 000000000..f3584b7f8
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-interface-declaration-01.vue
@@ -0,0 +1,7 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+interface Foo
+{
+  prop:string
+}
+</script>
diff --git a/tests/fixtures/script-indent/ts-interface-declaration-02.vue b/tests/fixtures/script-indent/ts-interface-declaration-02.vue
new file mode 100644
index 000000000..0ffa8677c
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-interface-declaration-02.vue
@@ -0,0 +1,15 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+interface Foo
+  <
+    T
+  >
+  extends
+    Bar
+      <
+        T
+      >
+{
+  prop:string
+}
+</script>
diff --git a/tests/fixtures/script-indent/ts-interface-declaration-03.vue b/tests/fixtures/script-indent/ts-interface-declaration-03.vue
new file mode 100644
index 000000000..9aaabb813
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-interface-declaration-03.vue
@@ -0,0 +1,17 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+function fn() {
+  interface Foo
+    <
+      T
+    >
+    extends
+      Bar
+        <
+          T
+        >
+  {
+    prop:string
+  }
+}
+</script>
diff --git a/tests/fixtures/script-indent/ts-interface-declaration-04.vue b/tests/fixtures/script-indent/ts-interface-declaration-04.vue
new file mode 100644
index 000000000..3d99d6614
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-interface-declaration-04.vue
@@ -0,0 +1,19 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+interface Foo
+  <
+    T
+  >
+  extends
+    Bar
+      <
+        T
+      >,
+    Baz
+      <
+        T
+      >
+{
+  prop:string
+}
+</script>
diff --git a/tests/fixtures/script-indent/ts-interface-declaration-05.vue b/tests/fixtures/script-indent/ts-interface-declaration-05.vue
new file mode 100644
index 000000000..2e14604b6
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-interface-declaration-05.vue
@@ -0,0 +1,13 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+interface Foo
+  <
+    T
+  >
+implements // visitor key is not provided
+Bar
+<
+T
+>
+{ }
+</script>
diff --git a/tests/fixtures/script-indent/ts-interface-declaration-06.vue b/tests/fixtures/script-indent/ts-interface-declaration-06.vue
new file mode 100644
index 000000000..1bf582d42
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-interface-declaration-06.vue
@@ -0,0 +1,17 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+interface Foo
+{
+  fn
+    (
+      arg
+        :
+        A
+    )
+    :
+    R
+    |
+    null
+  ;
+}
+</script>
diff --git a/tests/fixtures/script-indent/ts-interface-declaration-07.vue b/tests/fixtures/script-indent/ts-interface-declaration-07.vue
new file mode 100644
index 000000000..4828a8832
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-interface-declaration-07.vue
@@ -0,0 +1,25 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+interface Foo
+{
+  (
+  )
+    :
+    string
+  ;
+}
+interface Bar
+{
+  <
+    T
+  >
+    (
+      e
+        :
+        E
+    )
+    :
+    R
+  ;
+}
+</script>
diff --git a/tests/fixtures/script-indent/ts-interface-declaration-08.vue b/tests/fixtures/script-indent/ts-interface-declaration-08.vue
new file mode 100644
index 000000000..d15b76449
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-interface-declaration-08.vue
@@ -0,0 +1,27 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+interface Foo
+{
+  new
+    (
+    )
+    :
+    string
+  ;
+}
+interface Bar
+{
+  new
+    <
+      T
+    >
+    (
+      e
+        :
+        E
+    )
+    :
+    R
+  ;
+}
+</script>
diff --git a/tests/fixtures/script-indent/ts-mapped-type-01.vue b/tests/fixtures/script-indent/ts-mapped-type-01.vue
new file mode 100644
index 000000000..93f718e4d
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-mapped-type-01.vue
@@ -0,0 +1,12 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+type a = {
+  [
+    key
+      in
+      foo
+  ]
+  :
+  bar
+}
+</script>
diff --git a/tests/fixtures/script-indent/ts-module-declaration-01.vue b/tests/fixtures/script-indent/ts-module-declaration-01.vue
new file mode 100644
index 000000000..dffd2ca48
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-module-declaration-01.vue
@@ -0,0 +1,14 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+declare global
+{
+  declare module global
+  {
+
+  }
+  declare namespace global
+  {
+
+  }
+}
+</script>
diff --git a/tests/fixtures/script-indent/ts-qualified-name-01.vue b/tests/fixtures/script-indent/ts-qualified-name-01.vue
new file mode 100644
index 000000000..5c5668a23
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-qualified-name-01.vue
@@ -0,0 +1,7 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+type a =
+  a
+    .
+    b
+</script>
diff --git a/tests/fixtures/script-indent/ts-template-literal-type-01.vue b/tests/fixtures/script-indent/ts-template-literal-type-01.vue
new file mode 100644
index 000000000..a97381ffe
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-template-literal-type-01.vue
@@ -0,0 +1,40 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}, "requirements": { "@typescript-eslint/parser": ">=4.1.0" } }-->
+<script lang="ts">
+type T =
+  `foo`
+;
+type U =
+  `foo${
+    'bar'
+  }`
+;
+type Color = "red" | "blue";
+type Quantity = "one" | "two";
+type SeussFish =
+  `${
+    Quantity
+    |
+    Color
+  } fish`
+;
+type EnthusiasticGreeting<T extends string> =
+  `${
+    Uppercase<
+      T
+    >
+  } - ${
+    Lowercase<
+      T
+    >
+  } - ${
+    Capitalize<
+      T
+    >
+  } - ${
+    Uncapitalize<
+      T
+    >
+  }`
+;
+type HELLO = EnthusiasticGreeting<"heLLo">;
+</script>
diff --git a/tests/fixtures/script-indent/ts-tuple-01.vue b/tests/fixtures/script-indent/ts-tuple-01.vue
new file mode 100644
index 000000000..ed94a9258
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-tuple-01.vue
@@ -0,0 +1,9 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+type a = [
+  number
+  ,
+  number?
+  ,
+]
+</script>
diff --git a/tests/fixtures/script-indent/ts-tuple-02.vue b/tests/fixtures/script-indent/ts-tuple-02.vue
new file mode 100644
index 000000000..ea65a6488
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-tuple-02.vue
@@ -0,0 +1,15 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+let y:
+  [
+    a
+      :
+      string
+    ,
+    ...
+      b
+        :
+        number[
+        ]
+  ]
+</script>
diff --git a/tests/fixtures/script-indent/ts-type-alias-seclaration-01.vue b/tests/fixtures/script-indent/ts-type-alias-seclaration-01.vue
new file mode 100644
index 000000000..29c696859
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-type-alias-seclaration-01.vue
@@ -0,0 +1,21 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+type Foo
+  <
+    T
+  >
+  =
+  Bar
+;
+const Foo
+  =
+  Bar
+Foo
+  [
+    T
+  ]
+Foo
+  (
+    T
+  )
+</script>
diff --git a/tests/fixtures/script-indent/ts-type-annotation-01.vue b/tests/fixtures/script-indent/ts-type-annotation-01.vue
new file mode 100644
index 000000000..66981525e
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-type-annotation-01.vue
@@ -0,0 +1,9 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+var
+  foo
+    :
+    number
+    =
+    1
+</script>
diff --git a/tests/fixtures/script-indent/ts-type-annotation-02.vue b/tests/fixtures/script-indent/ts-type-annotation-02.vue
new file mode 100644
index 000000000..8f5a3b84c
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-type-annotation-02.vue
@@ -0,0 +1,33 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+var foo = function
+  (
+    arg
+  )
+  :
+  void
+{
+  fn()
+}
+
+var bar =
+  (
+    arg
+  )
+    :
+    void
+    =>
+  {
+    fn()
+  }
+function
+  baz
+  (
+    arg
+  )
+  :
+  void
+{
+  fn()
+}
+</script>
diff --git a/tests/fixtures/script-indent/ts-type-annotation-03.vue b/tests/fixtures/script-indent/ts-type-annotation-03.vue
new file mode 100644
index 000000000..ed1bab907
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-type-annotation-03.vue
@@ -0,0 +1,28 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+class Foo {
+  prop
+    :
+    number;
+  opt
+    ?
+    :
+    number;
+  opt2
+    ?
+    :
+    number
+    =
+    42;
+  abstract absopt
+    ?
+    :
+    number;
+  abstract absopt2
+    ?
+    :
+    number
+    =
+    42;
+}
+</script>
diff --git a/tests/fixtures/script-indent/ts-type-annotation-04.vue b/tests/fixtures/script-indent/ts-type-annotation-04.vue
new file mode 100644
index 000000000..1450696bb
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-type-annotation-04.vue
@@ -0,0 +1,25 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+var
+  {
+    foo
+      :
+      bar
+  }
+    :
+    {
+      foo
+        :
+        number
+    }
+    =
+    obj
+
+var
+  {
+    foo
+      :
+      foo
+  }
+    = obj
+</script>
diff --git a/tests/fixtures/script-indent/ts-type-annotation-05.vue b/tests/fixtures/script-indent/ts-type-annotation-05.vue
new file mode 100644
index 000000000..aeb3b7bc3
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-type-annotation-05.vue
@@ -0,0 +1,21 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+var
+  [
+    foo
+    ,
+    bar
+  ]
+    :
+    any [
+    ]
+    = arr
+
+var
+  [
+    foo
+    ,
+    bar
+  ]
+    = arr
+</script>
diff --git a/tests/fixtures/script-indent/ts-type-annotation-06.vue b/tests/fixtures/script-indent/ts-type-annotation-06.vue
new file mode 100644
index 000000000..11ca0c386
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-type-annotation-06.vue
@@ -0,0 +1,17 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+function foo(
+  ...args
+    :
+    any[
+    ]
+) {}
+
+function bar(
+  ...args
+    :
+    readonly
+      any[
+      ]
+) {}
+</script>
diff --git a/tests/fixtures/script-indent/ts-type-assertion-01.vue b/tests/fixtures/script-indent/ts-type-assertion-01.vue
new file mode 100644
index 000000000..e2a753173
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-type-assertion-01.vue
@@ -0,0 +1,10 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+const a
+  =
+  <
+    Window
+  >
+    b
+;
+</script>
diff --git a/tests/fixtures/script-indent/ts-type-literal-01.vue b/tests/fixtures/script-indent/ts-type-literal-01.vue
new file mode 100644
index 000000000..04bf8f2f0
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-type-literal-01.vue
@@ -0,0 +1,7 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+type a = {
+  a
+    ?
+}
+</script>
diff --git a/tests/fixtures/script-indent/ts-type-paramater-01.vue b/tests/fixtures/script-indent/ts-type-paramater-01.vue
new file mode 100644
index 000000000..6b307c740
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-type-paramater-01.vue
@@ -0,0 +1,24 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+type Foo
+  <
+    T
+    ,
+    U
+      extends
+        T
+    ,
+    V
+      =
+      U
+    ,
+    W
+      extends
+        X
+          =
+          Y
+  >
+  =
+  {
+  }
+</script>
diff --git a/tests/fixtures/script-indent/ts-type-parameter-seclaration-01.vue b/tests/fixtures/script-indent/ts-type-parameter-seclaration-01.vue
new file mode 100644
index 000000000..8b216f458
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-type-parameter-seclaration-01.vue
@@ -0,0 +1,17 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+type Foo
+  <
+    T,
+    U
+      extends
+        T,
+    V
+      =
+      keyof
+        U
+  >
+  =
+  Bar
+;
+</script>
diff --git a/tests/fixtures/script-indent/ts-union-intersection-01.vue b/tests/fixtures/script-indent/ts-union-intersection-01.vue
new file mode 100644
index 000000000..06548dec9
--- /dev/null
+++ b/tests/fixtures/script-indent/ts-union-intersection-01.vue
@@ -0,0 +1,28 @@
+<!--{"parserOptions": {"parser":"@typescript-eslint/parser"}}-->
+<script lang="ts">
+type T =
+  a
+  |
+  b
+type U =
+  |
+  a
+  |
+  b
+type V =
+  a
+  &
+  b
+type W =
+  &
+  a
+  &
+  b
+type X =
+  &
+  (
+    a
+    |
+    b
+  )
+</script>
diff --git a/tests/lib/rules/script-indent.js b/tests/lib/rules/script-indent.js
index 37fa67293..229ea3273 100644
--- a/tests/lib/rules/script-indent.js
+++ b/tests/lib/rules/script-indent.js
@@ -11,6 +11,7 @@
 
 const fs = require('fs')
 const path = require('path')
+const semver = require('semver')
 const RuleTester = require('eslint').RuleTester
 const rule = require('../../../lib/rules/script-indent')
 
@@ -36,21 +37,37 @@ const FIXTURE_ROOT = path.resolve(__dirname, '../../fixtures/script-indent/')
  * @returns {object} The loaded patterns.
  */
 function loadPatterns(additionalValid, additionalInvalid) {
-  const valid = fs.readdirSync(FIXTURE_ROOT).map((filename) => {
-    const commentPattern = /^(<!--|\/\*)(.+?)(-->|\*\/)/
-    const code0 = fs.readFileSync(path.join(FIXTURE_ROOT, filename), 'utf8')
-    const code = code0.replace(commentPattern, `$1${filename}$3`)
-    const baseObj = JSON.parse(commentPattern.exec(code0)[2])
-    if ('parser' in baseObj) {
-      baseObj.parser = require.resolve(baseObj.parser)
-    }
-    if ('parserOptions' in baseObj && 'parser' in baseObj.parserOptions) {
-      baseObj.parserOptions.parser = require.resolve(
-        baseObj.parserOptions.parser
-      )
-    }
-    return Object.assign(baseObj, { code, filename })
-  })
+  const valid = fs
+    .readdirSync(FIXTURE_ROOT)
+    .map((filename) => {
+      const commentPattern = /^(<!--|\/\*)(.+?)(-->|\*\/)/
+      const code0 = fs.readFileSync(path.join(FIXTURE_ROOT, filename), 'utf8')
+      const code = code0.replace(commentPattern, `$1${filename}$3`)
+      const baseObj = JSON.parse(commentPattern.exec(code0)[2])
+      if ('parser' in baseObj) {
+        baseObj.parser = require.resolve(baseObj.parser)
+      }
+      if ('parserOptions' in baseObj && 'parser' in baseObj.parserOptions) {
+        baseObj.parserOptions.parser = require.resolve(
+          baseObj.parserOptions.parser
+        )
+      }
+      return Object.assign(baseObj, { code, filename })
+    })
+    .filter((obj) => {
+      if (obj.requirements) {
+        if (
+          Object.entries(obj.requirements).some(([pkgName, pkgVersion]) => {
+            const pkg = require(`${pkgName}/package.json`)
+            return !semver.satisfies(pkg.version, pkgVersion)
+          })
+        ) {
+          return false
+        }
+        delete obj.requirements
+      }
+      return true
+    })
   const invalid = valid
     .map((pattern) => {
       const kind =
diff --git a/typings/eslint-plugin-vue/util-types/ast/ts-ast.ts b/typings/eslint-plugin-vue/util-types/ast/ts-ast.ts
index 28dc29fe2..91319043b 100644
--- a/typings/eslint-plugin-vue/util-types/ast/ts-ast.ts
+++ b/typings/eslint-plugin-vue/util-types/ast/ts-ast.ts
@@ -8,4 +8,5 @@ export type TSNode = TSAsExpression
 export interface TSAsExpression extends HasParentNode {
   type: 'TSAsExpression'
   expression: ES.Expression
+  typeAnnotation: any;
 }
diff --git a/typings/eslint-plugin-vue/util-types/indent-helper.ts b/typings/eslint-plugin-vue/util-types/indent-helper.ts
new file mode 100644
index 000000000..25a123ed2
--- /dev/null
+++ b/typings/eslint-plugin-vue/util-types/indent-helper.ts
@@ -0,0 +1,14 @@
+import type { TSESTree } from '@typescript-eslint/types'
+import type * as ESTree from 'estree'
+type TSNodeWithoutES = Exclude<TSESTree.Node, { type: ESTree.Node['type'] }>
+type TSNodeListenerMap<T extends TSNodeWithoutES = TSNodeWithoutES> = {
+  [key in TSNodeWithoutES['type']]: T extends { type: key } ? T : never
+}
+
+type TSNodeListenerBase = {
+  [T in keyof TSNodeListenerMap]?: (node: TSNodeListenerMap[T]) => void
+}
+type ParamNode = never // You specify the node type in JSDoc.
+export interface TSNodeListener extends TSNodeListenerBase {
+  [key: string]: ((node: ParamNode) => void) | undefined
+}
diff --git a/typings/eslint-utils/index.d.ts b/typings/eslint-utils/index.d.ts
index a97522876..46d0f5abe 100644
--- a/typings/eslint-utils/index.d.ts
+++ b/typings/eslint-utils/index.d.ts
@@ -72,4 +72,25 @@ export namespace ReferenceTracker {
   const ESM: unique symbol
 }
 
+export function isArrowToken(token: Token): boolean
+export function isCommaToken(token: Token): boolean
+export function isSemicolonToken(token: Token): boolean
+export function isColonToken(token: Token): boolean
+export function isOpeningParenToken(token: Token): boolean
+export function isClosingParenToken(token: Token): boolean
+export function isOpeningBracketToken(token: Token): boolean
+export function isClosingBracketToken(token: Token): boolean
+export function isOpeningBraceToken(token: Token): boolean
+export function isClosingBraceToken(token: Token): boolean
 export function isCommentToken(token: Token): token is Comment
+export function isNotArrowToken(token: Token): boolean
+export function isNotCommaToken(token: Token): boolean
+export function isNotSemicolonToken(token: Token): boolean
+export function isNotColonToken(token: Token): boolean
+export function isNotOpeningParenToken(token: Token): boolean
+export function isNotClosingParenToken(token: Token): boolean
+export function isNotOpeningBracketToken(token: Token): boolean
+export function isNotClosingBracketToken(token: Token): boolean
+export function isNotOpeningBraceToken(token: Token): boolean
+export function isNotClosingBraceToken(token: Token): boolean
+export function isNotCommentToken(token: Token): boolean