From 1fe41275cdea2414ffad4063d96b35ed182c2fde Mon Sep 17 00:00:00 2001
From: Toru Nagashima <star.ctor@gmail.com>
Date: Sat, 1 Dec 2018 17:48:25 +0900
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=A5=20change=20the=20AST=20of=20filter?=
 =?UTF-8?q?s=20syntax=20(vuejs/eslint-plugin-vue#687)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 docs/ast.md                                   |  13 +
 src/ast/nodes.ts                              |  23 +
 src/ast/traverse.ts                           |   2 +
 src/common/location-calculator.ts             |   4 +-
 src/script/index.ts                           | 389 +++++++-
 src/template/index.ts                         |  21 +-
 test/ast.js                                   |  22 +-
 test/fixtures/ast/filter-empty/ast.json       | 849 +++++++++++++++++
 test/fixtures/ast/filter-empty/source.vue     |   4 +
 .../ast/filter-empty/token-ranges.json        |  32 +
 test/fixtures/ast/filter-empty/tree.json      |  75 ++
 test/fixtures/ast/filters-2/ast.json          | 876 ++++++++++++++++++
 test/fixtures/ast/filters-2/source.vue        |   3 +
 test/fixtures/ast/filters-2/token-ranges.json |  27 +
 test/fixtures/ast/filters-2/tree.json         |  99 ++
 test/fixtures/ast/filters-error/ast.json      | 659 +++++++++++++
 test/fixtures/ast/filters-error/source.vue    |   4 +
 .../ast/filters-error/token-ranges.json       |  28 +
 test/fixtures/ast/filters-error/tree.json     |  43 +
 test/fixtures/ast/filters/ast.json            | 750 +++++++++++++++
 test/fixtures/ast/filters/source.vue          |   3 +
 test/fixtures/ast/filters/token-ranges.json   |  23 +
 test/fixtures/ast/filters/tree.json           |  88 ++
 23 files changed, 3989 insertions(+), 48 deletions(-)
 create mode 100644 test/fixtures/ast/filter-empty/ast.json
 create mode 100644 test/fixtures/ast/filter-empty/source.vue
 create mode 100644 test/fixtures/ast/filter-empty/token-ranges.json
 create mode 100644 test/fixtures/ast/filter-empty/tree.json
 create mode 100644 test/fixtures/ast/filters-2/ast.json
 create mode 100644 test/fixtures/ast/filters-2/source.vue
 create mode 100644 test/fixtures/ast/filters-2/token-ranges.json
 create mode 100644 test/fixtures/ast/filters-2/tree.json
 create mode 100644 test/fixtures/ast/filters-error/ast.json
 create mode 100644 test/fixtures/ast/filters-error/source.vue
 create mode 100644 test/fixtures/ast/filters-error/token-ranges.json
 create mode 100644 test/fixtures/ast/filters-error/tree.json
 create mode 100644 test/fixtures/ast/filters/ast.json
 create mode 100644 test/fixtures/ast/filters/source.vue
 create mode 100644 test/fixtures/ast/filters/token-ranges.json
 create mode 100644 test/fixtures/ast/filters/tree.json

diff --git a/docs/ast.md b/docs/ast.md
index 27bc63ad..11cd8b3f 100644
--- a/docs/ast.md
+++ b/docs/ast.md
@@ -109,6 +109,18 @@ interface VSlotScopeExpression <: Expression {
     type: "VSlotScopeExpression"
     id: Pattern
 }
+
+interface VFilterSequenceExpression <: Expression {
+    type: "VFilterSequenceExpression"
+    expression: Expression
+    filters: [ VFilter ]
+}
+
+interface VFilter <: Node {
+    type: "VFilter"
+    callee: Identifier
+    arguments: [ Expression ]
+}
 ```
 
 - This is mustaches or directive values.
@@ -119,6 +131,7 @@ interface VSlotScopeExpression <: Expression {
 - `VForExpression` is an expression node like [ForInStatement] but it has an array as `left` property and does not have `body` property. This is the value of [`v-for` directives].
 - `VOnExpression` is an expression node like [BlockStatement] but it does not have braces. This is the value of [`v-on` directives] only if the `v-on` directive doesn't have that argument.
 - `VSlotScopeExpression` is an expression node like [VariableDeclarator]. This is the value of [`slot-scope` attribute] or the `scope` attribute of `<template>` elements.
+- `VFilterSequenceExpression` is an expression node for [Vue.js Filters](https://vuejs.org/v2/guide/filters.html) syntax.
 
 > Note: `vue-eslint-parser` transforms `v-for="(x, i) in list"` to `for(let [x, i] in list);` then gives the configured parser (`espree` by default) it. This implies that it needs the capability to parse ES2015 destructuring in order to parse [`v-for` directives].
 
diff --git a/src/ast/nodes.ts b/src/ast/nodes.ts
index f44eb9ef..151721f8 100644
--- a/src/ast/nodes.ts
+++ b/src/ast/nodes.ts
@@ -28,6 +28,8 @@ export type Node =
     | VForExpression
     | VOnExpression
     | VSlotScopeExpression
+    | VFilterSequenceExpression
+    | VFilter
 
 //------------------------------------------------------------------------------
 // Script
@@ -688,6 +690,26 @@ export interface VSlotScopeExpression extends HasLocation, HasParent {
     id: ESLintPattern
 }
 
+/**
+ * The node of a filter sequence which is separated by `|`.
+ */
+export interface VFilterSequenceExpression extends HasLocation, HasParent {
+    type: "VFilterSequenceExpression"
+    parent: VExpressionContainer
+    expression: ESLintExpression
+    filters: VFilter[]
+}
+
+/**
+ * The node of a filter sequence which is separated by `|`.
+ */
+export interface VFilter extends HasLocation, HasParent {
+    type: "VFilter"
+    parent: VFilterSequenceExpression
+    callee: ESLintIdentifier
+    arguments: (ESLintExpression | ESLintSpreadElement)[]
+}
+
 /**
  * The union type of any nodes.
  */
@@ -722,6 +744,7 @@ export interface VExpressionContainer extends HasLocation, HasParent {
     parent: VDocumentFragment | VElement | VDirective
     expression:
         | ESLintExpression
+        | VFilterSequenceExpression
         | VForExpression
         | VOnExpression
         | VSlotScopeExpression
diff --git a/src/ast/traverse.ts b/src/ast/traverse.ts
index a0fc13b1..b28bc5b9 100644
--- a/src/ast/traverse.ts
+++ b/src/ast/traverse.ts
@@ -17,6 +17,8 @@ const KEYS = Evk.unionWith({
     VElement: ["startTag", "children", "endTag"],
     VEndTag: [],
     VExpressionContainer: ["expression"],
+    VFilter: ["callee", "arguments"],
+    VFilterSequenceExpression: ["expression", "filters"],
     VForExpression: ["left", "right"],
     VIdentifier: [],
     VLiteral: [],
diff --git a/src/common/location-calculator.ts b/src/common/location-calculator.ts
index 505c6370..fb33bef0 100644
--- a/src/common/location-calculator.ts
+++ b/src/common/location-calculator.ts
@@ -107,7 +107,7 @@ export class LocationCalculator {
      * Modify the location information of the given node with using the base offset and gaps of this calculator.
      * @param node The node to modify their location.
      */
-    public fixLocation(node: HasLocation): void {
+    public fixLocation<T extends HasLocation>(node: T): T {
         const range = node.range
         const loc = node.loc
         const gap0 = this._getGap(range[0])
@@ -129,6 +129,8 @@ export class LocationCalculator {
             }
             loc.end = this._getLocation(range[1])
         }
+
+        return node
     }
 
     /**
diff --git a/src/script/index.ts b/src/script/index.ts
index 10143550..d0aa3add 100644
--- a/src/script/index.ts
+++ b/src/script/index.ts
@@ -20,12 +20,15 @@ import {
     ESLintProgram,
     ESLintVariableDeclaration,
     ESLintUnaryExpression,
+    HasLocation,
     Node,
     ParseError,
     Reference,
     Token,
     Variable,
     VElement,
+    VFilter,
+    VFilterSequenceExpression,
     VForExpression,
     VOnExpression,
     VSlotScopeExpression,
@@ -182,7 +185,7 @@ function throwEmptyError(
  * @param name The token name.
  * @param token The token object to get that location.
  */
-function throwUnexpectedTokenError(name: string, token: Node | Token): never {
+function throwUnexpectedTokenError(name: string, token: HasLocation): never {
     const err = new ParseError(
         `Unexpected token '${name}'.`,
         undefined,
@@ -240,16 +243,279 @@ function parseScriptFragment(
     }
 }
 
+const validDivisionCharRE = /[\w).+\-_$\]]/u
+
+/**
+ * This is a fork of https://github.com/vuejs/vue/blob/2686818beb5728e3b7aa22f47a3b3f0d39d90c8e/src/compiler/parser/filter-parser.js
+ * @param exp the expression to process filters.
+ */
+//eslint-disable-next-line complexity, require-jsdoc
+function splitFilters(exp: string): string[] {
+    const result: string[] = []
+    let inSingle = false
+    let inDouble = false
+    let inTemplateString = false
+    let inRegex = false
+    let curly = 0
+    let square = 0
+    let paren = 0
+    let lastFilterIndex = 0
+    let c = 0
+    let prev = 0
+
+    for (let i = 0; i < exp.length; i++) {
+        prev = c
+        c = exp.charCodeAt(i)
+        if (inSingle) {
+            if (c === 0x27 && prev !== 0x5c) {
+                inSingle = false
+            }
+        } else if (inDouble) {
+            if (c === 0x22 && prev !== 0x5c) {
+                inDouble = false
+            }
+        } else if (inTemplateString) {
+            if (c === 0x60 && prev !== 0x5c) {
+                inTemplateString = false
+            }
+        } else if (inRegex) {
+            if (c === 0x2f && prev !== 0x5c) {
+                inRegex = false
+            }
+        } else if (
+            c === 0x7c && // pipe
+            exp.charCodeAt(i + 1) !== 0x7c &&
+            exp.charCodeAt(i - 1) !== 0x7c &&
+            !curly &&
+            !square &&
+            !paren
+        ) {
+            result.push(exp.slice(lastFilterIndex, i))
+            lastFilterIndex = i + 1
+        } else {
+            switch (c) {
+                case 0x22: // "
+                    inDouble = true
+                    break
+                case 0x27: // '
+                    inSingle = true
+                    break
+                case 0x60: // `
+                    inTemplateString = true
+                    break
+                case 0x28: // (
+                    paren++
+                    break
+                case 0x29: // )
+                    paren--
+                    break
+                case 0x5b: // [
+                    square++
+                    break
+                case 0x5d: // ]
+                    square--
+                    break
+                case 0x7b: // {
+                    curly++
+                    break
+                case 0x7d: // }
+                    curly--
+                    break
+                // no default
+            }
+            if (c === 0x2f) {
+                // /
+                let j = i - 1
+                let p
+                // find first non-whitespace prev char
+                for (; j >= 0; j--) {
+                    p = exp.charAt(j)
+                    if (p !== " ") {
+                        break
+                    }
+                }
+                if (!p || !validDivisionCharRE.test(p)) {
+                    inRegex = true
+                }
+            }
+        }
+    }
+
+    result.push(exp.slice(lastFilterIndex))
+
+    return result
+}
+
+/**
+ * Parse the source code of inline scripts.
+ * @param code The source code of inline scripts.
+ * @param locationCalculator The location calculator for the inline script.
+ * @param parserOptions The parser options.
+ * @returns The result of parsing.
+ */
+function parseExpressionBody(
+    code: string,
+    locationCalculator: LocationCalculator,
+    parserOptions: any,
+    allowEmpty = false,
+): ExpressionParseResult<ESLintExpression> {
+    debug('[script] parse expression: "0(%s)"', code)
+
+    try {
+        const ast = parseScriptFragment(
+            `0(${code})`,
+            locationCalculator.getSubCalculatorAfter(-2),
+            parserOptions,
+        ).ast
+        const tokens = ast.tokens || []
+        const comments = ast.comments || []
+        const references = analyzeExternalReferences(ast, parserOptions)
+        const statement = ast.body[0] as ESLintExpressionStatement
+        const callExpression = statement.expression as ESLintCallExpression
+        const expression = callExpression.arguments[0]
+
+        if (!allowEmpty && !expression) {
+            return throwEmptyError(locationCalculator, "an expression")
+        }
+        if (expression && expression.type === "SpreadElement") {
+            return throwUnexpectedTokenError("...", expression)
+        }
+        if (callExpression.arguments[1]) {
+            const node = callExpression.arguments[1]
+            return throwUnexpectedTokenError(
+                ",",
+                getCommaTokenBeforeNode(tokens, node) || node,
+            )
+        }
+
+        // Remove parens.
+        tokens.shift()
+        tokens.shift()
+        tokens.pop()
+
+        return { expression, tokens, comments, references, variables: [] }
+    } catch (err) {
+        return throwErrorAsAdjustingOutsideOfCode(err, code, locationCalculator)
+    }
+}
+
+/**
+ * Parse the source code of inline scripts.
+ * @param code The source code of inline scripts.
+ * @param locationCalculator The location calculator for the inline script.
+ * @param parserOptions The parser options.
+ * @returns The result of parsing.
+ */
+function parseFilter(
+    code: string,
+    locationCalculator: LocationCalculator,
+    parserOptions: any,
+): ExpressionParseResult<VFilter> | null {
+    debug('[script] parse filter: "%s"', code)
+
+    try {
+        const expression: VFilter = {
+            type: "VFilter",
+            parent: null as any,
+            range: [0, 0],
+            loc: {} as any,
+            callee: null as any,
+            arguments: [],
+        }
+        const tokens: Token[] = []
+        const comments: Token[] = []
+        const references: Reference[] = []
+
+        // Parse the callee.
+        const paren = code.indexOf("(")
+        const calleeCode = paren === -1 ? code : code.slice(0, paren)
+        const argsCode = paren === -1 ? null : code.slice(paren)
+
+        // Parse the callee.
+        if (calleeCode.trim()) {
+            const spaces = /^\s*/u.exec(calleeCode)![0]
+            const { ast } = parseScriptFragment(
+                `${spaces}"${calleeCode.trim()}"`,
+                locationCalculator,
+                parserOptions,
+            )
+            const statement = ast.body[0] as ESLintExpressionStatement
+            const callee = statement.expression
+            if (callee.type !== "Literal") {
+                const { loc, range } = ast.tokens![0]
+                return throwUnexpectedTokenError('"', {
+                    range: [range[1] - 1, range[1]],
+                    loc: {
+                        start: {
+                            line: loc.end.line,
+                            column: loc.end.column - 1,
+                        },
+                        end: loc.end,
+                    },
+                })
+            }
+
+            expression.callee = {
+                type: "Identifier",
+                parent: expression,
+                range: [callee.range[0], callee.range[1] - 2],
+                loc: {
+                    start: callee.loc.start,
+                    end: {
+                        line: callee.loc.end.line,
+                        column: callee.loc.end.column - 2,
+                    },
+                },
+                name: String(callee.value),
+            }
+            tokens.push({
+                type: "Identifier",
+                value: calleeCode,
+                range: expression.callee.range,
+                loc: expression.callee.loc,
+            })
+        } else {
+            return throwEmptyError(locationCalculator, "a filter name")
+        }
+
+        // Parse the arguments.
+        if (argsCode != null) {
+            const { ast } = parseScriptFragment(
+                `0${argsCode}`,
+                locationCalculator.getSubCalculatorAfter(paren - 1),
+                parserOptions,
+            )
+            const statement = ast.body[0] as ESLintExpressionStatement
+            const callExpression = statement.expression as ESLintCallExpression
+
+            ast.tokens!.shift()
+
+            for (const argument of callExpression.arguments) {
+                argument.parent = expression
+                expression.arguments.push(argument)
+            }
+            tokens.push(...ast.tokens!)
+            comments.push(...ast.comments!)
+            references.push(...analyzeExternalReferences(ast, parserOptions))
+        }
+
+        // Update range.
+        const firstToken = tokens[0]
+        const lastToken = last(tokens)!
+        expression.range = [firstToken.range[0], lastToken.range[1]]
+        expression.loc = { start: firstToken.loc.start, end: lastToken.loc.end }
+
+        return { expression, tokens, comments, references, variables: [] }
+    } catch (err) {
+        return throwErrorAsAdjustingOutsideOfCode(err, code, locationCalculator)
+    }
+}
+
 /**
  * The result of parsing expressions.
  */
-export interface ExpressionParseResult {
-    expression:
-        | ESLintExpression
-        | VForExpression
-        | VOnExpression
-        | VSlotScopeExpression
-        | null
+export interface ExpressionParseResult<T extends Node> {
+    expression: T | null
     tokens: Token[]
     comments: Token[]
     references: Reference[]
@@ -349,45 +615,80 @@ export function parseExpression(
     locationCalculator: LocationCalculator,
     parserOptions: any,
     allowEmpty = false,
-): ExpressionParseResult {
-    debug('[script] parse expression: "0(%s)"', code)
+): ExpressionParseResult<ESLintExpression | VFilterSequenceExpression> {
+    debug('[script] parse expression: "%s"', code)
 
-    try {
-        const ast = parseScriptFragment(
-            `0(${code})`,
-            locationCalculator.getSubCalculatorAfter(-2),
+    const [mainCode, ...filterCodes] = splitFilters(code)
+    if (filterCodes.length === 0) {
+        return parseExpressionBody(
+            code,
+            locationCalculator,
             parserOptions,
-        ).ast
-        const tokens = ast.tokens || []
-        const comments = ast.comments || []
-        const references = analyzeExternalReferences(ast, parserOptions)
-        const statement = ast.body[0] as ESLintExpressionStatement
-        const callExpression = statement.expression as ESLintCallExpression
-        const expression = callExpression.arguments[0]
+            allowEmpty,
+        )
+    }
 
-        if (!allowEmpty && !expression) {
-            return throwEmptyError(locationCalculator, "an expression")
-        }
-        if (expression && expression.type === "SpreadElement") {
-            return throwUnexpectedTokenError("...", expression)
-        }
-        if (callExpression.arguments[1]) {
-            const node = callExpression.arguments[1]
-            return throwUnexpectedTokenError(
-                ",",
-                getCommaTokenBeforeNode(tokens, node) || node,
-            )
-        }
+    // Parse expression
+    const retB = parseExpressionBody(
+        mainCode,
+        locationCalculator,
+        parserOptions,
+    )
+    if (!retB.expression) {
+        return retB
+    }
+    const ret = (retB as unknown) as ExpressionParseResult<
+        VFilterSequenceExpression
+    >
+
+    ret.expression = {
+        type: "VFilterSequenceExpression",
+        parent: null as any,
+        expression: retB.expression,
+        filters: [],
+        range: retB.expression.range.slice(0) as [number, number],
+        loc: Object.assign({}, retB.expression.loc),
+    }
+    ret.expression.expression.parent = ret.expression
+
+    // Parse filters
+    let prevLoc = mainCode.length
+    for (const filterCode of filterCodes) {
+        // Pipe token.
+        ret.tokens.push(
+            locationCalculator.fixLocation({
+                type: "Punctuator",
+                value: "|",
+                range: [prevLoc, prevLoc + 1],
+                loc: {} as any,
+            }),
+        )
 
-        // Remove parens.
-        tokens.shift()
-        tokens.shift()
-        tokens.pop()
+        // Parse a filter
+        const retF = parseFilter(
+            filterCode,
+            locationCalculator.getSubCalculatorAfter(prevLoc + 1),
+            parserOptions,
+        )
+        if (retF) {
+            if (retF.expression) {
+                ret.expression.filters.push(retF.expression)
+                retF.expression.parent = ret.expression
+            }
+            ret.tokens.push(...retF.tokens)
+            ret.comments.push(...retF.comments)
+            ret.references.push(...retF.references)
+        }
 
-        return { expression, tokens, comments, references, variables: [] }
-    } catch (err) {
-        return throwErrorAsAdjustingOutsideOfCode(err, code, locationCalculator)
+        prevLoc += 1 + filterCodes.length
     }
+
+    // Update range.
+    const lastToken = last(ret.tokens)!
+    ret.expression.range[1] = lastToken.range[1]
+    ret.expression.loc.end = lastToken.loc.end
+
+    return ret
 }
 
 /**
@@ -401,7 +702,7 @@ export function parseVForExpression(
     code: string,
     locationCalculator: LocationCalculator,
     parserOptions: any,
-): ExpressionParseResult {
+): ExpressionParseResult<VForExpression> {
     const processedCode = replaceAliasParens(code)
     debug('[script] parse v-for expression: "for(%s);"', processedCode)
 
@@ -483,7 +784,7 @@ export function parseVOnExpression(
     code: string,
     locationCalculator: LocationCalculator,
     parserOptions: any,
-): ExpressionParseResult {
+): ExpressionParseResult<VOnExpression> {
     debug('[script] parse v-on expression: "void function($event){%s}"', code)
 
     if (code.trim() === "") {
@@ -556,7 +857,7 @@ export function parseSlotScopeExpression(
     code: string,
     locationCalculator: LocationCalculator,
     parserOptions: any,
-): ExpressionParseResult {
+): ExpressionParseResult<VSlotScopeExpression> {
     debug('[script] parse slot-scope expression: "void function(%s) {}"', code)
 
     if (code.trim() === "") {
diff --git a/src/template/index.ts b/src/template/index.ts
index 51e02c98..6b1bbded 100644
--- a/src/template/index.ts
+++ b/src/template/index.ts
@@ -7,6 +7,7 @@ import sortedIndexBy from "lodash/sortedIndexBy"
 import sortedLastIndexBy from "lodash/sortedLastIndexBy"
 import {
     DirectiveKeyParts,
+    ESLintExpression,
     ParseError,
     Reference,
     Token,
@@ -16,9 +17,13 @@ import {
     VDocumentFragment,
     VElement,
     VExpressionContainer,
+    VFilterSequenceExpression,
+    VForExpression,
     VIdentifier,
     VLiteral,
     VNode,
+    VOnExpression,
+    VSlotScopeExpression,
 } from "../ast"
 import { debug } from "../common/debug"
 import { LocationCalculator } from "../common/location-calculator"
@@ -265,14 +270,26 @@ function parseAttributeValue(
     node: VLiteral,
     tagName: string,
     directiveKey: VDirectiveKey,
-): ExpressionParseResult {
+): ExpressionParseResult<
+    | ESLintExpression
+    | VFilterSequenceExpression
+    | VForExpression
+    | VOnExpression
+    | VSlotScopeExpression
+> {
     const firstChar = code[node.range[0]]
     const quoted = firstChar === '"' || firstChar === "'"
     const locationCalculator = globalLocationCalculator.getSubCalculatorAfter(
         node.range[0] + (quoted ? 1 : 0),
     )
 
-    let result: ExpressionParseResult
+    let result: ExpressionParseResult<
+        | ESLintExpression
+        | VFilterSequenceExpression
+        | VForExpression
+        | VOnExpression
+        | VSlotScopeExpression
+    >
     if (quoted && node.value === "") {
         result = {
             expression: null,
diff --git a/test/ast.js b/test/ast.js
index b12f132c..714b0ebb 100644
--- a/test/ast.js
+++ b/test/ast.js
@@ -107,6 +107,16 @@ function getTree(source) {
     return root.children
 }
 
+/**
+ * Convert a given node to string.
+ * @param {Node} node The node to make string expression.
+ * @param {string} source The source code.
+ * @returns {string} The string expression of the node.
+ */
+function nodeToString(node, source) {
+    return node ? `${node.type}[${source.slice(...node.range)}]` : "undefined"
+}
+
 /**
  * Validate the parent property of every node.
  * @param {string} source The source code.
@@ -120,7 +130,17 @@ function validateParent(source) {
         ruleContext.parserServices.defineTemplateBodyVisitor({
             "*"(node) {
                 if (stack.length >= 1) {
-                    assert(node.parent === lodash.last(stack))
+                    const parent = lodash.last(stack)
+                    assert(
+                        node.parent === parent,
+                        `The parent of ${nodeToString(
+                            node,
+                            source
+                        )} should be ${nodeToString(
+                            parent,
+                            source
+                        )}, but got ${nodeToString(node.parent, source)}`
+                    )
                 }
                 stack.push(node)
             },
diff --git a/test/fixtures/ast/filter-empty/ast.json b/test/fixtures/ast/filter-empty/ast.json
new file mode 100644
index 00000000..e476fbbb
--- /dev/null
+++ b/test/fixtures/ast/filter-empty/ast.json
@@ -0,0 +1,849 @@
+{
+    "type": "Program",
+    "start": 0,
+    "end": 0,
+    "loc": {
+        "start": {
+            "line": 1,
+            "column": 0
+        },
+        "end": {
+            "line": 1,
+            "column": 0
+        }
+    },
+    "range": [
+        0,
+        0
+    ],
+    "body": [],
+    "sourceType": "script",
+    "comments": [],
+    "tokens": [],
+    "templateBody": {
+        "type": "VElement",
+        "range": [
+            0,
+            82
+        ],
+        "loc": {
+            "start": {
+                "line": 1,
+                "column": 0
+            },
+            "end": {
+                "line": 4,
+                "column": 11
+            }
+        },
+        "name": "template",
+        "rawName": "template",
+        "namespace": "http://www.w3.org/1999/xhtml",
+        "startTag": {
+            "type": "VStartTag",
+            "range": [
+                0,
+                10
+            ],
+            "loc": {
+                "start": {
+                    "line": 1,
+                    "column": 0
+                },
+                "end": {
+                    "line": 1,
+                    "column": 10
+                }
+            },
+            "selfClosing": false,
+            "attributes": []
+        },
+        "children": [
+            {
+                "type": "VText",
+                "range": [
+                    10,
+                    15
+                ],
+                "loc": {
+                    "start": {
+                        "line": 1,
+                        "column": 10
+                    },
+                    "end": {
+                        "line": 2,
+                        "column": 4
+                    }
+                },
+                "value": "\n    "
+            },
+            {
+                "type": "VElement",
+                "range": [
+                    15,
+                    39
+                ],
+                "loc": {
+                    "start": {
+                        "line": 2,
+                        "column": 4
+                    },
+                    "end": {
+                        "line": 2,
+                        "column": 28
+                    }
+                },
+                "name": "div",
+                "rawName": "div",
+                "namespace": "http://www.w3.org/1999/xhtml",
+                "startTag": {
+                    "type": "VStartTag",
+                    "range": [
+                        15,
+                        20
+                    ],
+                    "loc": {
+                        "start": {
+                            "line": 2,
+                            "column": 4
+                        },
+                        "end": {
+                            "line": 2,
+                            "column": 9
+                        }
+                    },
+                    "selfClosing": false,
+                    "attributes": []
+                },
+                "children": [
+                    {
+                        "type": "VExpressionContainer",
+                        "range": [
+                            20,
+                            33
+                        ],
+                        "loc": {
+                            "start": {
+                                "line": 2,
+                                "column": 9
+                            },
+                            "end": {
+                                "line": 2,
+                                "column": 22
+                            }
+                        },
+                        "expression": null,
+                        "references": []
+                    }
+                ],
+                "endTag": {
+                    "type": "VEndTag",
+                    "range": [
+                        33,
+                        39
+                    ],
+                    "loc": {
+                        "start": {
+                            "line": 2,
+                            "column": 22
+                        },
+                        "end": {
+                            "line": 2,
+                            "column": 28
+                        }
+                    }
+                },
+                "variables": []
+            },
+            {
+                "type": "VText",
+                "range": [
+                    39,
+                    44
+                ],
+                "loc": {
+                    "start": {
+                        "line": 2,
+                        "column": 28
+                    },
+                    "end": {
+                        "line": 3,
+                        "column": 4
+                    }
+                },
+                "value": "\n    "
+            },
+            {
+                "type": "VElement",
+                "range": [
+                    44,
+                    70
+                ],
+                "loc": {
+                    "start": {
+                        "line": 3,
+                        "column": 4
+                    },
+                    "end": {
+                        "line": 3,
+                        "column": 30
+                    }
+                },
+                "name": "div",
+                "rawName": "div",
+                "namespace": "http://www.w3.org/1999/xhtml",
+                "startTag": {
+                    "type": "VStartTag",
+                    "range": [
+                        44,
+                        49
+                    ],
+                    "loc": {
+                        "start": {
+                            "line": 3,
+                            "column": 4
+                        },
+                        "end": {
+                            "line": 3,
+                            "column": 9
+                        }
+                    },
+                    "selfClosing": false,
+                    "attributes": []
+                },
+                "children": [
+                    {
+                        "type": "VExpressionContainer",
+                        "range": [
+                            49,
+                            64
+                        ],
+                        "loc": {
+                            "start": {
+                                "line": 3,
+                                "column": 9
+                            },
+                            "end": {
+                                "line": 3,
+                                "column": 24
+                            }
+                        },
+                        "expression": null,
+                        "references": []
+                    }
+                ],
+                "endTag": {
+                    "type": "VEndTag",
+                    "range": [
+                        64,
+                        70
+                    ],
+                    "loc": {
+                        "start": {
+                            "line": 3,
+                            "column": 24
+                        },
+                        "end": {
+                            "line": 3,
+                            "column": 30
+                        }
+                    }
+                },
+                "variables": []
+            },
+            {
+                "type": "VText",
+                "range": [
+                    70,
+                    71
+                ],
+                "loc": {
+                    "start": {
+                        "line": 3,
+                        "column": 30
+                    },
+                    "end": {
+                        "line": 4,
+                        "column": 0
+                    }
+                },
+                "value": "\n"
+            }
+        ],
+        "endTag": {
+            "type": "VEndTag",
+            "range": [
+                71,
+                82
+            ],
+            "loc": {
+                "start": {
+                    "line": 4,
+                    "column": 0
+                },
+                "end": {
+                    "line": 4,
+                    "column": 11
+                }
+            }
+        },
+        "variables": [],
+        "tokens": [
+            {
+                "type": "HTMLTagOpen",
+                "range": [
+                    0,
+                    9
+                ],
+                "loc": {
+                    "start": {
+                        "line": 1,
+                        "column": 0
+                    },
+                    "end": {
+                        "line": 1,
+                        "column": 9
+                    }
+                },
+                "value": "template"
+            },
+            {
+                "type": "HTMLTagClose",
+                "range": [
+                    9,
+                    10
+                ],
+                "loc": {
+                    "start": {
+                        "line": 1,
+                        "column": 9
+                    },
+                    "end": {
+                        "line": 1,
+                        "column": 10
+                    }
+                },
+                "value": ""
+            },
+            {
+                "type": "HTMLWhitespace",
+                "range": [
+                    10,
+                    15
+                ],
+                "loc": {
+                    "start": {
+                        "line": 1,
+                        "column": 10
+                    },
+                    "end": {
+                        "line": 2,
+                        "column": 4
+                    }
+                },
+                "value": "\n    "
+            },
+            {
+                "type": "HTMLTagOpen",
+                "range": [
+                    15,
+                    19
+                ],
+                "loc": {
+                    "start": {
+                        "line": 2,
+                        "column": 4
+                    },
+                    "end": {
+                        "line": 2,
+                        "column": 8
+                    }
+                },
+                "value": "div"
+            },
+            {
+                "type": "HTMLTagClose",
+                "range": [
+                    19,
+                    20
+                ],
+                "loc": {
+                    "start": {
+                        "line": 2,
+                        "column": 8
+                    },
+                    "end": {
+                        "line": 2,
+                        "column": 9
+                    }
+                },
+                "value": ""
+            },
+            {
+                "type": "VExpressionStart",
+                "range": [
+                    20,
+                    22
+                ],
+                "loc": {
+                    "start": {
+                        "line": 2,
+                        "column": 9
+                    },
+                    "end": {
+                        "line": 2,
+                        "column": 11
+                    }
+                },
+                "value": "{{"
+            },
+            {
+                "type": "HTMLWhitespace",
+                "range": [
+                    22,
+                    23
+                ],
+                "loc": {
+                    "start": {
+                        "line": 2,
+                        "column": 11
+                    },
+                    "end": {
+                        "line": 2,
+                        "column": 12
+                    }
+                },
+                "value": " "
+            },
+            {
+                "type": "HTMLText",
+                "range": [
+                    23,
+                    28
+                ],
+                "loc": {
+                    "start": {
+                        "line": 2,
+                        "column": 12
+                    },
+                    "end": {
+                        "line": 2,
+                        "column": 17
+                    }
+                },
+                "value": "value"
+            },
+            {
+                "type": "HTMLWhitespace",
+                "range": [
+                    28,
+                    29
+                ],
+                "loc": {
+                    "start": {
+                        "line": 2,
+                        "column": 17
+                    },
+                    "end": {
+                        "line": 2,
+                        "column": 18
+                    }
+                },
+                "value": " "
+            },
+            {
+                "type": "HTMLText",
+                "range": [
+                    29,
+                    30
+                ],
+                "loc": {
+                    "start": {
+                        "line": 2,
+                        "column": 18
+                    },
+                    "end": {
+                        "line": 2,
+                        "column": 19
+                    }
+                },
+                "value": "|"
+            },
+            {
+                "type": "HTMLWhitespace",
+                "range": [
+                    30,
+                    31
+                ],
+                "loc": {
+                    "start": {
+                        "line": 2,
+                        "column": 19
+                    },
+                    "end": {
+                        "line": 2,
+                        "column": 20
+                    }
+                },
+                "value": " "
+            },
+            {
+                "type": "VExpressionEnd",
+                "range": [
+                    31,
+                    33
+                ],
+                "loc": {
+                    "start": {
+                        "line": 2,
+                        "column": 20
+                    },
+                    "end": {
+                        "line": 2,
+                        "column": 22
+                    }
+                },
+                "value": "}}"
+            },
+            {
+                "type": "HTMLEndTagOpen",
+                "range": [
+                    33,
+                    38
+                ],
+                "loc": {
+                    "start": {
+                        "line": 2,
+                        "column": 22
+                    },
+                    "end": {
+                        "line": 2,
+                        "column": 27
+                    }
+                },
+                "value": "div"
+            },
+            {
+                "type": "HTMLTagClose",
+                "range": [
+                    38,
+                    39
+                ],
+                "loc": {
+                    "start": {
+                        "line": 2,
+                        "column": 27
+                    },
+                    "end": {
+                        "line": 2,
+                        "column": 28
+                    }
+                },
+                "value": ""
+            },
+            {
+                "type": "HTMLWhitespace",
+                "range": [
+                    39,
+                    44
+                ],
+                "loc": {
+                    "start": {
+                        "line": 2,
+                        "column": 28
+                    },
+                    "end": {
+                        "line": 3,
+                        "column": 4
+                    }
+                },
+                "value": "\n    "
+            },
+            {
+                "type": "HTMLTagOpen",
+                "range": [
+                    44,
+                    48
+                ],
+                "loc": {
+                    "start": {
+                        "line": 3,
+                        "column": 4
+                    },
+                    "end": {
+                        "line": 3,
+                        "column": 8
+                    }
+                },
+                "value": "div"
+            },
+            {
+                "type": "HTMLTagClose",
+                "range": [
+                    48,
+                    49
+                ],
+                "loc": {
+                    "start": {
+                        "line": 3,
+                        "column": 8
+                    },
+                    "end": {
+                        "line": 3,
+                        "column": 9
+                    }
+                },
+                "value": ""
+            },
+            {
+                "type": "VExpressionStart",
+                "range": [
+                    49,
+                    51
+                ],
+                "loc": {
+                    "start": {
+                        "line": 3,
+                        "column": 9
+                    },
+                    "end": {
+                        "line": 3,
+                        "column": 11
+                    }
+                },
+                "value": "{{"
+            },
+            {
+                "type": "HTMLWhitespace",
+                "range": [
+                    51,
+                    52
+                ],
+                "loc": {
+                    "start": {
+                        "line": 3,
+                        "column": 11
+                    },
+                    "end": {
+                        "line": 3,
+                        "column": 12
+                    }
+                },
+                "value": " "
+            },
+            {
+                "type": "HTMLText",
+                "range": [
+                    52,
+                    53
+                ],
+                "loc": {
+                    "start": {
+                        "line": 3,
+                        "column": 12
+                    },
+                    "end": {
+                        "line": 3,
+                        "column": 13
+                    }
+                },
+                "value": "|"
+            },
+            {
+                "type": "HTMLWhitespace",
+                "range": [
+                    53,
+                    54
+                ],
+                "loc": {
+                    "start": {
+                        "line": 3,
+                        "column": 13
+                    },
+                    "end": {
+                        "line": 3,
+                        "column": 14
+                    }
+                },
+                "value": " "
+            },
+            {
+                "type": "HTMLText",
+                "range": [
+                    54,
+                    61
+                ],
+                "loc": {
+                    "start": {
+                        "line": 3,
+                        "column": 14
+                    },
+                    "end": {
+                        "line": 3,
+                        "column": 21
+                    }
+                },
+                "value": "fillter"
+            },
+            {
+                "type": "HTMLWhitespace",
+                "range": [
+                    61,
+                    62
+                ],
+                "loc": {
+                    "start": {
+                        "line": 3,
+                        "column": 21
+                    },
+                    "end": {
+                        "line": 3,
+                        "column": 22
+                    }
+                },
+                "value": " "
+            },
+            {
+                "type": "VExpressionEnd",
+                "range": [
+                    62,
+                    64
+                ],
+                "loc": {
+                    "start": {
+                        "line": 3,
+                        "column": 22
+                    },
+                    "end": {
+                        "line": 3,
+                        "column": 24
+                    }
+                },
+                "value": "}}"
+            },
+            {
+                "type": "HTMLEndTagOpen",
+                "range": [
+                    64,
+                    69
+                ],
+                "loc": {
+                    "start": {
+                        "line": 3,
+                        "column": 24
+                    },
+                    "end": {
+                        "line": 3,
+                        "column": 29
+                    }
+                },
+                "value": "div"
+            },
+            {
+                "type": "HTMLTagClose",
+                "range": [
+                    69,
+                    70
+                ],
+                "loc": {
+                    "start": {
+                        "line": 3,
+                        "column": 29
+                    },
+                    "end": {
+                        "line": 3,
+                        "column": 30
+                    }
+                },
+                "value": ""
+            },
+            {
+                "type": "HTMLWhitespace",
+                "range": [
+                    70,
+                    71
+                ],
+                "loc": {
+                    "start": {
+                        "line": 3,
+                        "column": 30
+                    },
+                    "end": {
+                        "line": 4,
+                        "column": 0
+                    }
+                },
+                "value": "\n"
+            },
+            {
+                "type": "HTMLEndTagOpen",
+                "range": [
+                    71,
+                    81
+                ],
+                "loc": {
+                    "start": {
+                        "line": 4,
+                        "column": 0
+                    },
+                    "end": {
+                        "line": 4,
+                        "column": 10
+                    }
+                },
+                "value": "template"
+            },
+            {
+                "type": "HTMLTagClose",
+                "range": [
+                    81,
+                    82
+                ],
+                "loc": {
+                    "start": {
+                        "line": 4,
+                        "column": 10
+                    },
+                    "end": {
+                        "line": 4,
+                        "column": 11
+                    }
+                },
+                "value": ""
+            },
+            {
+                "type": "HTMLWhitespace",
+                "range": [
+                    82,
+                    83
+                ],
+                "loc": {
+                    "start": {
+                        "line": 4,
+                        "column": 11
+                    },
+                    "end": {
+                        "line": 5,
+                        "column": 0
+                    }
+                },
+                "value": "\n"
+            }
+        ],
+        "comments": [],
+        "errors": [
+            {
+                "message": "Expected to be a filter name, but got empty.",
+                "index": 30,
+                "lineNumber": 2,
+                "column": 19
+            },
+            {
+                "message": "Expected to be an expression, but got empty.",
+                "index": 51,
+                "lineNumber": 3,
+                "column": 11
+            }
+        ]
+    }
+}
\ No newline at end of file
diff --git a/test/fixtures/ast/filter-empty/source.vue b/test/fixtures/ast/filter-empty/source.vue
new file mode 100644
index 00000000..3db86480
--- /dev/null
+++ b/test/fixtures/ast/filter-empty/source.vue
@@ -0,0 +1,4 @@
+<template>
+    <div>{{ value | }}</div>
+    <div>{{ | fillter }}</div>
+</template>
diff --git a/test/fixtures/ast/filter-empty/token-ranges.json b/test/fixtures/ast/filter-empty/token-ranges.json
new file mode 100644
index 00000000..b22fb930
--- /dev/null
+++ b/test/fixtures/ast/filter-empty/token-ranges.json
@@ -0,0 +1,32 @@
+[
+    "<template",
+    ">",
+    "\n    ",
+    "<div",
+    ">",
+    "{{",
+    " ",
+    "value",
+    " ",
+    "|",
+    " ",
+    "}}",
+    "</div",
+    ">",
+    "\n    ",
+    "<div",
+    ">",
+    "{{",
+    " ",
+    "|",
+    " ",
+    "fillter",
+    " ",
+    "}}",
+    "</div",
+    ">",
+    "\n",
+    "</template",
+    ">",
+    "\n"
+]
\ No newline at end of file
diff --git a/test/fixtures/ast/filter-empty/tree.json b/test/fixtures/ast/filter-empty/tree.json
new file mode 100644
index 00000000..7bcc12af
--- /dev/null
+++ b/test/fixtures/ast/filter-empty/tree.json
@@ -0,0 +1,75 @@
+[
+    {
+        "type": "VElement",
+        "text": "<template>\n    <div>{{ value | }}</div>\n    <div>{{ | fillter }}</div>\n</template>",
+        "children": [
+            {
+                "type": "VStartTag",
+                "text": "<template>",
+                "children": []
+            },
+            {
+                "type": "VText",
+                "text": "\n    ",
+                "children": []
+            },
+            {
+                "type": "VElement",
+                "text": "<div>{{ value | }}</div>",
+                "children": [
+                    {
+                        "type": "VStartTag",
+                        "text": "<div>",
+                        "children": []
+                    },
+                    {
+                        "type": "VExpressionContainer",
+                        "text": "{{ value | }}",
+                        "children": []
+                    },
+                    {
+                        "type": "VEndTag",
+                        "text": "</div>",
+                        "children": []
+                    }
+                ]
+            },
+            {
+                "type": "VText",
+                "text": "\n    ",
+                "children": []
+            },
+            {
+                "type": "VElement",
+                "text": "<div>{{ | fillter }}</div>",
+                "children": [
+                    {
+                        "type": "VStartTag",
+                        "text": "<div>",
+                        "children": []
+                    },
+                    {
+                        "type": "VExpressionContainer",
+                        "text": "{{ | fillter }}",
+                        "children": []
+                    },
+                    {
+                        "type": "VEndTag",
+                        "text": "</div>",
+                        "children": []
+                    }
+                ]
+            },
+            {
+                "type": "VText",
+                "text": "\n",
+                "children": []
+            },
+            {
+                "type": "VEndTag",
+                "text": "</template>",
+                "children": []
+            }
+        ]
+    }
+]
\ No newline at end of file
diff --git a/test/fixtures/ast/filters-2/ast.json b/test/fixtures/ast/filters-2/ast.json
new file mode 100644
index 00000000..0e7e72a0
--- /dev/null
+++ b/test/fixtures/ast/filters-2/ast.json
@@ -0,0 +1,876 @@
+{
+    "type": "Program",
+    "start": 0,
+    "end": 0,
+    "loc": {
+        "start": {
+            "line": 1,
+            "column": 0
+        },
+        "end": {
+            "line": 1,
+            "column": 0
+        }
+    },
+    "range": [
+        0,
+        0
+    ],
+    "body": [],
+    "sourceType": "script",
+    "comments": [],
+    "tokens": [],
+    "templateBody": {
+        "type": "VElement",
+        "range": [
+            0,
+            71
+        ],
+        "loc": {
+            "start": {
+                "line": 1,
+                "column": 0
+            },
+            "end": {
+                "line": 3,
+                "column": 11
+            }
+        },
+        "name": "template",
+        "rawName": "template",
+        "namespace": "http://www.w3.org/1999/xhtml",
+        "startTag": {
+            "type": "VStartTag",
+            "range": [
+                0,
+                10
+            ],
+            "loc": {
+                "start": {
+                    "line": 1,
+                    "column": 0
+                },
+                "end": {
+                    "line": 1,
+                    "column": 10
+                }
+            },
+            "selfClosing": false,
+            "attributes": []
+        },
+        "children": [
+            {
+                "type": "VText",
+                "range": [
+                    10,
+                    15
+                ],
+                "loc": {
+                    "start": {
+                        "line": 1,
+                        "column": 10
+                    },
+                    "end": {
+                        "line": 2,
+                        "column": 4
+                    }
+                },
+                "value": "\n    "
+            },
+            {
+                "type": "VElement",
+                "range": [
+                    15,
+                    59
+                ],
+                "loc": {
+                    "start": {
+                        "line": 2,
+                        "column": 4
+                    },
+                    "end": {
+                        "line": 2,
+                        "column": 48
+                    }
+                },
+                "name": "div",
+                "rawName": "div",
+                "namespace": "http://www.w3.org/1999/xhtml",
+                "startTag": {
+                    "type": "VStartTag",
+                    "range": [
+                        15,
+                        20
+                    ],
+                    "loc": {
+                        "start": {
+                            "line": 2,
+                            "column": 4
+                        },
+                        "end": {
+                            "line": 2,
+                            "column": 9
+                        }
+                    },
+                    "selfClosing": false,
+                    "attributes": []
+                },
+                "children": [
+                    {
+                        "type": "VExpressionContainer",
+                        "range": [
+                            20,
+                            53
+                        ],
+                        "loc": {
+                            "start": {
+                                "line": 2,
+                                "column": 9
+                            },
+                            "end": {
+                                "line": 2,
+                                "column": 42
+                            }
+                        },
+                        "expression": {
+                            "type": "VFilterSequenceExpression",
+                            "expression": {
+                                "type": "Identifier",
+                                "start": 23,
+                                "end": 28,
+                                "loc": {
+                                    "start": {
+                                        "line": 2,
+                                        "column": 12
+                                    },
+                                    "end": {
+                                        "line": 2,
+                                        "column": 17
+                                    }
+                                },
+                                "range": [
+                                    23,
+                                    28
+                                ],
+                                "name": "value"
+                            },
+                            "filters": [
+                                {
+                                    "type": "VFilter",
+                                    "range": [
+                                        31,
+                                        33
+                                    ],
+                                    "loc": {
+                                        "start": {
+                                            "line": 2,
+                                            "column": 20
+                                        },
+                                        "end": {
+                                            "line": 2,
+                                            "column": 22
+                                        }
+                                    },
+                                    "callee": {
+                                        "type": "Identifier",
+                                        "range": [
+                                            31,
+                                            33
+                                        ],
+                                        "loc": {
+                                            "start": {
+                                                "line": 2,
+                                                "column": 20
+                                            },
+                                            "end": {
+                                                "line": 2,
+                                                "column": 22
+                                            }
+                                        },
+                                        "name": "f1"
+                                    },
+                                    "arguments": []
+                                },
+                                {
+                                    "type": "VFilter",
+                                    "range": [
+                                        35,
+                                        39
+                                    ],
+                                    "loc": {
+                                        "start": {
+                                            "line": 2,
+                                            "column": 24
+                                        },
+                                        "end": {
+                                            "line": 2,
+                                            "column": 28
+                                        }
+                                    },
+                                    "callee": {
+                                        "type": "Identifier",
+                                        "range": [
+                                            35,
+                                            37
+                                        ],
+                                        "loc": {
+                                            "start": {
+                                                "line": 2,
+                                                "column": 24
+                                            },
+                                            "end": {
+                                                "line": 2,
+                                                "column": 26
+                                            }
+                                        },
+                                        "name": "f2"
+                                    },
+                                    "arguments": []
+                                },
+                                {
+                                    "type": "VFilter",
+                                    "range": [
+                                        39,
+                                        46
+                                    ],
+                                    "loc": {
+                                        "start": {
+                                            "line": 2,
+                                            "column": 28
+                                        },
+                                        "end": {
+                                            "line": 2,
+                                            "column": 35
+                                        }
+                                    },
+                                    "callee": {
+                                        "type": "Identifier",
+                                        "range": [
+                                            39,
+                                            41
+                                        ],
+                                        "loc": {
+                                            "start": {
+                                                "line": 2,
+                                                "column": 28
+                                            },
+                                            "end": {
+                                                "line": 2,
+                                                "column": 30
+                                            }
+                                        },
+                                        "name": "f3"
+                                    },
+                                    "arguments": [
+                                        {
+                                            "type": "Identifier",
+                                            "start": 42,
+                                            "end": 45,
+                                            "loc": {
+                                                "start": {
+                                                    "line": 2,
+                                                    "column": 31
+                                                },
+                                                "end": {
+                                                    "line": 2,
+                                                    "column": 34
+                                                }
+                                            },
+                                            "range": [
+                                                42,
+                                                45
+                                            ],
+                                            "name": "ref"
+                                        }
+                                    ]
+                                }
+                            ],
+                            "range": [
+                                23,
+                                46
+                            ],
+                            "loc": {
+                                "start": {
+                                    "line": 2,
+                                    "column": 12
+                                },
+                                "end": {
+                                    "line": 2,
+                                    "column": 35
+                                }
+                            }
+                        },
+                        "references": [
+                            {
+                                "id": {
+                                    "type": "Identifier",
+                                    "start": 23,
+                                    "end": 28,
+                                    "loc": {
+                                        "start": {
+                                            "line": 2,
+                                            "column": 12
+                                        },
+                                        "end": {
+                                            "line": 2,
+                                            "column": 17
+                                        }
+                                    },
+                                    "range": [
+                                        23,
+                                        28
+                                    ],
+                                    "name": "value"
+                                },
+                                "mode": "r"
+                            },
+                            {
+                                "id": {
+                                    "type": "Identifier",
+                                    "start": 42,
+                                    "end": 45,
+                                    "loc": {
+                                        "start": {
+                                            "line": 2,
+                                            "column": 31
+                                        },
+                                        "end": {
+                                            "line": 2,
+                                            "column": 34
+                                        }
+                                    },
+                                    "range": [
+                                        42,
+                                        45
+                                    ],
+                                    "name": "ref"
+                                },
+                                "mode": "r"
+                            }
+                        ]
+                    }
+                ],
+                "endTag": {
+                    "type": "VEndTag",
+                    "range": [
+                        53,
+                        59
+                    ],
+                    "loc": {
+                        "start": {
+                            "line": 2,
+                            "column": 42
+                        },
+                        "end": {
+                            "line": 2,
+                            "column": 48
+                        }
+                    }
+                },
+                "variables": []
+            },
+            {
+                "type": "VText",
+                "range": [
+                    59,
+                    60
+                ],
+                "loc": {
+                    "start": {
+                        "line": 2,
+                        "column": 48
+                    },
+                    "end": {
+                        "line": 3,
+                        "column": 0
+                    }
+                },
+                "value": "\n"
+            }
+        ],
+        "endTag": {
+            "type": "VEndTag",
+            "range": [
+                60,
+                71
+            ],
+            "loc": {
+                "start": {
+                    "line": 3,
+                    "column": 0
+                },
+                "end": {
+                    "line": 3,
+                    "column": 11
+                }
+            }
+        },
+        "variables": [],
+        "tokens": [
+            {
+                "type": "HTMLTagOpen",
+                "range": [
+                    0,
+                    9
+                ],
+                "loc": {
+                    "start": {
+                        "line": 1,
+                        "column": 0
+                    },
+                    "end": {
+                        "line": 1,
+                        "column": 9
+                    }
+                },
+                "value": "template"
+            },
+            {
+                "type": "HTMLTagClose",
+                "range": [
+                    9,
+                    10
+                ],
+                "loc": {
+                    "start": {
+                        "line": 1,
+                        "column": 9
+                    },
+                    "end": {
+                        "line": 1,
+                        "column": 10
+                    }
+                },
+                "value": ""
+            },
+            {
+                "type": "HTMLWhitespace",
+                "range": [
+                    10,
+                    15
+                ],
+                "loc": {
+                    "start": {
+                        "line": 1,
+                        "column": 10
+                    },
+                    "end": {
+                        "line": 2,
+                        "column": 4
+                    }
+                },
+                "value": "\n    "
+            },
+            {
+                "type": "HTMLTagOpen",
+                "range": [
+                    15,
+                    19
+                ],
+                "loc": {
+                    "start": {
+                        "line": 2,
+                        "column": 4
+                    },
+                    "end": {
+                        "line": 2,
+                        "column": 8
+                    }
+                },
+                "value": "div"
+            },
+            {
+                "type": "HTMLTagClose",
+                "range": [
+                    19,
+                    20
+                ],
+                "loc": {
+                    "start": {
+                        "line": 2,
+                        "column": 8
+                    },
+                    "end": {
+                        "line": 2,
+                        "column": 9
+                    }
+                },
+                "value": ""
+            },
+            {
+                "type": "VExpressionStart",
+                "range": [
+                    20,
+                    22
+                ],
+                "loc": {
+                    "start": {
+                        "line": 2,
+                        "column": 9
+                    },
+                    "end": {
+                        "line": 2,
+                        "column": 11
+                    }
+                },
+                "value": "{{"
+            },
+            {
+                "type": "Identifier",
+                "value": "value",
+                "start": 23,
+                "end": 28,
+                "loc": {
+                    "start": {
+                        "line": 2,
+                        "column": 12
+                    },
+                    "end": {
+                        "line": 2,
+                        "column": 17
+                    }
+                },
+                "range": [
+                    23,
+                    28
+                ]
+            },
+            {
+                "type": "Punctuator",
+                "value": "|",
+                "range": [
+                    29,
+                    30
+                ],
+                "loc": {
+                    "start": {
+                        "line": 2,
+                        "column": 18
+                    },
+                    "end": {
+                        "line": 2,
+                        "column": 19
+                    }
+                }
+            },
+            {
+                "type": "Identifier",
+                "value": " f1 ",
+                "range": [
+                    31,
+                    33
+                ],
+                "loc": {
+                    "start": {
+                        "line": 2,
+                        "column": 20
+                    },
+                    "end": {
+                        "line": 2,
+                        "column": 22
+                    }
+                }
+            },
+            {
+                "type": "Punctuator",
+                "value": "|",
+                "range": [
+                    33,
+                    34
+                ],
+                "loc": {
+                    "start": {
+                        "line": 2,
+                        "column": 22
+                    },
+                    "end": {
+                        "line": 2,
+                        "column": 23
+                    }
+                }
+            },
+            {
+                "type": "Identifier",
+                "value": " f2",
+                "range": [
+                    35,
+                    37
+                ],
+                "loc": {
+                    "start": {
+                        "line": 2,
+                        "column": 24
+                    },
+                    "end": {
+                        "line": 2,
+                        "column": 26
+                    }
+                }
+            },
+            {
+                "type": "Punctuator",
+                "value": "(",
+                "start": 37,
+                "end": 38,
+                "loc": {
+                    "start": {
+                        "line": 2,
+                        "column": 26
+                    },
+                    "end": {
+                        "line": 2,
+                        "column": 27
+                    }
+                },
+                "range": [
+                    37,
+                    38
+                ]
+            },
+            {
+                "type": "Punctuator",
+                "value": ")",
+                "start": 38,
+                "end": 39,
+                "loc": {
+                    "start": {
+                        "line": 2,
+                        "column": 27
+                    },
+                    "end": {
+                        "line": 2,
+                        "column": 28
+                    }
+                },
+                "range": [
+                    38,
+                    39
+                ]
+            },
+            {
+                "type": "Punctuator",
+                "value": "|",
+                "range": [
+                    37,
+                    38
+                ],
+                "loc": {
+                    "start": {
+                        "line": 2,
+                        "column": 26
+                    },
+                    "end": {
+                        "line": 2,
+                        "column": 27
+                    }
+                }
+            },
+            {
+                "type": "Identifier",
+                "value": " f3",
+                "range": [
+                    39,
+                    41
+                ],
+                "loc": {
+                    "start": {
+                        "line": 2,
+                        "column": 28
+                    },
+                    "end": {
+                        "line": 2,
+                        "column": 30
+                    }
+                }
+            },
+            {
+                "type": "Punctuator",
+                "value": "(",
+                "start": 41,
+                "end": 42,
+                "loc": {
+                    "start": {
+                        "line": 2,
+                        "column": 30
+                    },
+                    "end": {
+                        "line": 2,
+                        "column": 31
+                    }
+                },
+                "range": [
+                    41,
+                    42
+                ]
+            },
+            {
+                "type": "Identifier",
+                "value": "ref",
+                "start": 42,
+                "end": 45,
+                "loc": {
+                    "start": {
+                        "line": 2,
+                        "column": 31
+                    },
+                    "end": {
+                        "line": 2,
+                        "column": 34
+                    }
+                },
+                "range": [
+                    42,
+                    45
+                ]
+            },
+            {
+                "type": "Punctuator",
+                "value": ")",
+                "start": 45,
+                "end": 46,
+                "loc": {
+                    "start": {
+                        "line": 2,
+                        "column": 34
+                    },
+                    "end": {
+                        "line": 2,
+                        "column": 35
+                    }
+                },
+                "range": [
+                    45,
+                    46
+                ]
+            },
+            {
+                "type": "VExpressionEnd",
+                "range": [
+                    51,
+                    53
+                ],
+                "loc": {
+                    "start": {
+                        "line": 2,
+                        "column": 40
+                    },
+                    "end": {
+                        "line": 2,
+                        "column": 42
+                    }
+                },
+                "value": "}}"
+            },
+            {
+                "type": "HTMLEndTagOpen",
+                "range": [
+                    53,
+                    58
+                ],
+                "loc": {
+                    "start": {
+                        "line": 2,
+                        "column": 42
+                    },
+                    "end": {
+                        "line": 2,
+                        "column": 47
+                    }
+                },
+                "value": "div"
+            },
+            {
+                "type": "HTMLTagClose",
+                "range": [
+                    58,
+                    59
+                ],
+                "loc": {
+                    "start": {
+                        "line": 2,
+                        "column": 47
+                    },
+                    "end": {
+                        "line": 2,
+                        "column": 48
+                    }
+                },
+                "value": ""
+            },
+            {
+                "type": "HTMLWhitespace",
+                "range": [
+                    59,
+                    60
+                ],
+                "loc": {
+                    "start": {
+                        "line": 2,
+                        "column": 48
+                    },
+                    "end": {
+                        "line": 3,
+                        "column": 0
+                    }
+                },
+                "value": "\n"
+            },
+            {
+                "type": "HTMLEndTagOpen",
+                "range": [
+                    60,
+                    70
+                ],
+                "loc": {
+                    "start": {
+                        "line": 3,
+                        "column": 0
+                    },
+                    "end": {
+                        "line": 3,
+                        "column": 10
+                    }
+                },
+                "value": "template"
+            },
+            {
+                "type": "HTMLTagClose",
+                "range": [
+                    70,
+                    71
+                ],
+                "loc": {
+                    "start": {
+                        "line": 3,
+                        "column": 10
+                    },
+                    "end": {
+                        "line": 3,
+                        "column": 11
+                    }
+                },
+                "value": ""
+            },
+            {
+                "type": "HTMLWhitespace",
+                "range": [
+                    71,
+                    72
+                ],
+                "loc": {
+                    "start": {
+                        "line": 3,
+                        "column": 11
+                    },
+                    "end": {
+                        "line": 4,
+                        "column": 0
+                    }
+                },
+                "value": "\n"
+            }
+        ],
+        "comments": [],
+        "errors": []
+    }
+}
\ No newline at end of file
diff --git a/test/fixtures/ast/filters-2/source.vue b/test/fixtures/ast/filters-2/source.vue
new file mode 100644
index 00000000..b25f5844
--- /dev/null
+++ b/test/fixtures/ast/filters-2/source.vue
@@ -0,0 +1,3 @@
+<template>
+    <div>{{ value | f1 | f2() | f3(ref) }}</div>
+</template>
diff --git a/test/fixtures/ast/filters-2/token-ranges.json b/test/fixtures/ast/filters-2/token-ranges.json
new file mode 100644
index 00000000..82bce05c
--- /dev/null
+++ b/test/fixtures/ast/filters-2/token-ranges.json
@@ -0,0 +1,27 @@
+[
+    "<template",
+    ">",
+    "\n    ",
+    "<div",
+    ">",
+    "{{",
+    "value",
+    "|",
+    "f1",
+    " ",
+    " f",
+    "2",
+    "(",
+    "2",
+    ") ",
+    "|",
+    " f3",
+    "(",
+    "}}",
+    "</div",
+    ">",
+    "\n",
+    "</template",
+    ">",
+    "\n"
+]
\ No newline at end of file
diff --git a/test/fixtures/ast/filters-2/tree.json b/test/fixtures/ast/filters-2/tree.json
new file mode 100644
index 00000000..9fde0d19
--- /dev/null
+++ b/test/fixtures/ast/filters-2/tree.json
@@ -0,0 +1,99 @@
+[
+    {
+        "type": "VElement",
+        "text": "<template>\n    <div>{{ value | f1 | f2() | f3(ref) }}</div>\n</template>",
+        "children": [
+            {
+                "type": "VStartTag",
+                "text": "<template>",
+                "children": []
+            },
+            {
+                "type": "VText",
+                "text": "\n    ",
+                "children": []
+            },
+            {
+                "type": "VElement",
+                "text": "<div>{{ value | f1 | f2() | f3(ref) }}</div>",
+                "children": [
+                    {
+                        "type": "VStartTag",
+                        "text": "<div>",
+                        "children": []
+                    },
+                    {
+                        "type": "VExpressionContainer",
+                        "text": "{{ value | f1 | f2() | f3(ref) }}",
+                        "children": [
+                            {
+                                "type": "VFilterSequenceExpression",
+                                "text": "value | f1 | f2() | f3(",
+                                "children": [
+                                    {
+                                        "type": "Identifier",
+                                        "text": "value",
+                                        "children": []
+                                    },
+                                    {
+                                        "type": "VFilter",
+                                        "text": "f1",
+                                        "children": [
+                                            {
+                                                "type": "Identifier",
+                                                "text": "f1",
+                                                "children": []
+                                            }
+                                        ]
+                                    },
+                                    {
+                                        "type": "VFilter",
+                                        "text": " f2(",
+                                        "children": [
+                                            {
+                                                "type": "Identifier",
+                                                "text": " f",
+                                                "children": []
+                                            }
+                                        ]
+                                    },
+                                    {
+                                        "type": "VFilter",
+                                        "text": ") | f3(",
+                                        "children": [
+                                            {
+                                                "type": "Identifier",
+                                                "text": ") ",
+                                                "children": []
+                                            },
+                                            {
+                                                "type": "Identifier",
+                                                "text": " f3",
+                                                "children": []
+                                            }
+                                        ]
+                                    }
+                                ]
+                            }
+                        ]
+                    },
+                    {
+                        "type": "VEndTag",
+                        "text": "</div>",
+                        "children": []
+                    }
+                ]
+            },
+            {
+                "type": "VText",
+                "text": "\n",
+                "children": []
+            },
+            {
+                "type": "VEndTag",
+                "text": "</template>",
+                "children": []
+            }
+        ]
+    }
+]
\ No newline at end of file
diff --git a/test/fixtures/ast/filters-error/ast.json b/test/fixtures/ast/filters-error/ast.json
new file mode 100644
index 00000000..83e1718d
--- /dev/null
+++ b/test/fixtures/ast/filters-error/ast.json
@@ -0,0 +1,659 @@
+{
+    "type": "Program",
+    "start": 0,
+    "end": 0,
+    "loc": {
+        "start": {
+            "line": 1,
+            "column": 0
+        },
+        "end": {
+            "line": 1,
+            "column": 0
+        }
+    },
+    "range": [
+        0,
+        0
+    ],
+    "body": [],
+    "sourceType": "script",
+    "comments": [],
+    "tokens": [],
+    "templateBody": {
+        "type": "VElement",
+        "range": [
+            0,
+            74
+        ],
+        "loc": {
+            "start": {
+                "line": 1,
+                "column": 0
+            },
+            "end": {
+                "line": 4,
+                "column": 11
+            }
+        },
+        "name": "template",
+        "rawName": "template",
+        "namespace": "http://www.w3.org/1999/xhtml",
+        "startTag": {
+            "type": "VStartTag",
+            "range": [
+                0,
+                10
+            ],
+            "loc": {
+                "start": {
+                    "line": 1,
+                    "column": 0
+                },
+                "end": {
+                    "line": 1,
+                    "column": 10
+                }
+            },
+            "selfClosing": false,
+            "attributes": []
+        },
+        "children": [
+            {
+                "type": "VText",
+                "range": [
+                    10,
+                    15
+                ],
+                "loc": {
+                    "start": {
+                        "line": 1,
+                        "column": 10
+                    },
+                    "end": {
+                        "line": 2,
+                        "column": 4
+                    }
+                },
+                "value": "\n    "
+            },
+            {
+                "type": "VExpressionContainer",
+                "range": [
+                    15,
+                    38
+                ],
+                "loc": {
+                    "start": {
+                        "line": 2,
+                        "column": 4
+                    },
+                    "end": {
+                        "line": 2,
+                        "column": 27
+                    }
+                },
+                "expression": null,
+                "references": []
+            },
+            {
+                "type": "VText",
+                "range": [
+                    38,
+                    43
+                ],
+                "loc": {
+                    "start": {
+                        "line": 2,
+                        "column": 27
+                    },
+                    "end": {
+                        "line": 3,
+                        "column": 4
+                    }
+                },
+                "value": "\n    "
+            },
+            {
+                "type": "VExpressionContainer",
+                "range": [
+                    43,
+                    62
+                ],
+                "loc": {
+                    "start": {
+                        "line": 3,
+                        "column": 4
+                    },
+                    "end": {
+                        "line": 3,
+                        "column": 23
+                    }
+                },
+                "expression": null,
+                "references": []
+            },
+            {
+                "type": "VText",
+                "range": [
+                    62,
+                    63
+                ],
+                "loc": {
+                    "start": {
+                        "line": 3,
+                        "column": 23
+                    },
+                    "end": {
+                        "line": 4,
+                        "column": 0
+                    }
+                },
+                "value": "\n"
+            }
+        ],
+        "endTag": {
+            "type": "VEndTag",
+            "range": [
+                63,
+                74
+            ],
+            "loc": {
+                "start": {
+                    "line": 4,
+                    "column": 0
+                },
+                "end": {
+                    "line": 4,
+                    "column": 11
+                }
+            }
+        },
+        "variables": [],
+        "tokens": [
+            {
+                "type": "HTMLTagOpen",
+                "range": [
+                    0,
+                    9
+                ],
+                "loc": {
+                    "start": {
+                        "line": 1,
+                        "column": 0
+                    },
+                    "end": {
+                        "line": 1,
+                        "column": 9
+                    }
+                },
+                "value": "template"
+            },
+            {
+                "type": "HTMLTagClose",
+                "range": [
+                    9,
+                    10
+                ],
+                "loc": {
+                    "start": {
+                        "line": 1,
+                        "column": 9
+                    },
+                    "end": {
+                        "line": 1,
+                        "column": 10
+                    }
+                },
+                "value": ""
+            },
+            {
+                "type": "HTMLWhitespace",
+                "range": [
+                    10,
+                    15
+                ],
+                "loc": {
+                    "start": {
+                        "line": 1,
+                        "column": 10
+                    },
+                    "end": {
+                        "line": 2,
+                        "column": 4
+                    }
+                },
+                "value": "\n    "
+            },
+            {
+                "type": "VExpressionStart",
+                "range": [
+                    15,
+                    17
+                ],
+                "loc": {
+                    "start": {
+                        "line": 2,
+                        "column": 4
+                    },
+                    "end": {
+                        "line": 2,
+                        "column": 6
+                    }
+                },
+                "value": "{{"
+            },
+            {
+                "type": "HTMLWhitespace",
+                "range": [
+                    17,
+                    18
+                ],
+                "loc": {
+                    "start": {
+                        "line": 2,
+                        "column": 6
+                    },
+                    "end": {
+                        "line": 2,
+                        "column": 7
+                    }
+                },
+                "value": " "
+            },
+            {
+                "type": "HTMLText",
+                "range": [
+                    18,
+                    23
+                ],
+                "loc": {
+                    "start": {
+                        "line": 2,
+                        "column": 7
+                    },
+                    "end": {
+                        "line": 2,
+                        "column": 12
+                    }
+                },
+                "value": "value"
+            },
+            {
+                "type": "HTMLWhitespace",
+                "range": [
+                    23,
+                    24
+                ],
+                "loc": {
+                    "start": {
+                        "line": 2,
+                        "column": 12
+                    },
+                    "end": {
+                        "line": 2,
+                        "column": 13
+                    }
+                },
+                "value": " "
+            },
+            {
+                "type": "HTMLText",
+                "range": [
+                    24,
+                    25
+                ],
+                "loc": {
+                    "start": {
+                        "line": 2,
+                        "column": 13
+                    },
+                    "end": {
+                        "line": 2,
+                        "column": 14
+                    }
+                },
+                "value": "|"
+            },
+            {
+                "type": "HTMLWhitespace",
+                "range": [
+                    25,
+                    26
+                ],
+                "loc": {
+                    "start": {
+                        "line": 2,
+                        "column": 14
+                    },
+                    "end": {
+                        "line": 2,
+                        "column": 15
+                    }
+                },
+                "value": " "
+            },
+            {
+                "type": "HTMLText",
+                "range": [
+                    26,
+                    35
+                ],
+                "loc": {
+                    "start": {
+                        "line": 2,
+                        "column": 15
+                    },
+                    "end": {
+                        "line": 2,
+                        "column": 24
+                    }
+                },
+                "value": "foo\"+\"bar"
+            },
+            {
+                "type": "HTMLWhitespace",
+                "range": [
+                    35,
+                    36
+                ],
+                "loc": {
+                    "start": {
+                        "line": 2,
+                        "column": 24
+                    },
+                    "end": {
+                        "line": 2,
+                        "column": 25
+                    }
+                },
+                "value": " "
+            },
+            {
+                "type": "VExpressionEnd",
+                "range": [
+                    36,
+                    38
+                ],
+                "loc": {
+                    "start": {
+                        "line": 2,
+                        "column": 25
+                    },
+                    "end": {
+                        "line": 2,
+                        "column": 27
+                    }
+                },
+                "value": "}}"
+            },
+            {
+                "type": "HTMLWhitespace",
+                "range": [
+                    38,
+                    43
+                ],
+                "loc": {
+                    "start": {
+                        "line": 2,
+                        "column": 27
+                    },
+                    "end": {
+                        "line": 3,
+                        "column": 4
+                    }
+                },
+                "value": "\n    "
+            },
+            {
+                "type": "VExpressionStart",
+                "range": [
+                    43,
+                    45
+                ],
+                "loc": {
+                    "start": {
+                        "line": 3,
+                        "column": 4
+                    },
+                    "end": {
+                        "line": 3,
+                        "column": 6
+                    }
+                },
+                "value": "{{"
+            },
+            {
+                "type": "HTMLWhitespace",
+                "range": [
+                    45,
+                    46
+                ],
+                "loc": {
+                    "start": {
+                        "line": 3,
+                        "column": 6
+                    },
+                    "end": {
+                        "line": 3,
+                        "column": 7
+                    }
+                },
+                "value": " "
+            },
+            {
+                "type": "HTMLText",
+                "range": [
+                    46,
+                    51
+                ],
+                "loc": {
+                    "start": {
+                        "line": 3,
+                        "column": 7
+                    },
+                    "end": {
+                        "line": 3,
+                        "column": 12
+                    }
+                },
+                "value": "value"
+            },
+            {
+                "type": "HTMLWhitespace",
+                "range": [
+                    51,
+                    52
+                ],
+                "loc": {
+                    "start": {
+                        "line": 3,
+                        "column": 12
+                    },
+                    "end": {
+                        "line": 3,
+                        "column": 13
+                    }
+                },
+                "value": " "
+            },
+            {
+                "type": "HTMLText",
+                "range": [
+                    52,
+                    53
+                ],
+                "loc": {
+                    "start": {
+                        "line": 3,
+                        "column": 13
+                    },
+                    "end": {
+                        "line": 3,
+                        "column": 14
+                    }
+                },
+                "value": "|"
+            },
+            {
+                "type": "HTMLWhitespace",
+                "range": [
+                    53,
+                    54
+                ],
+                "loc": {
+                    "start": {
+                        "line": 3,
+                        "column": 14
+                    },
+                    "end": {
+                        "line": 3,
+                        "column": 15
+                    }
+                },
+                "value": " "
+            },
+            {
+                "type": "HTMLText",
+                "range": [
+                    54,
+                    59
+                ],
+                "loc": {
+                    "start": {
+                        "line": 3,
+                        "column": 15
+                    },
+                    "end": {
+                        "line": 3,
+                        "column": 20
+                    }
+                },
+                "value": "foo(a"
+            },
+            {
+                "type": "HTMLWhitespace",
+                "range": [
+                    59,
+                    60
+                ],
+                "loc": {
+                    "start": {
+                        "line": 3,
+                        "column": 20
+                    },
+                    "end": {
+                        "line": 3,
+                        "column": 21
+                    }
+                },
+                "value": " "
+            },
+            {
+                "type": "VExpressionEnd",
+                "range": [
+                    60,
+                    62
+                ],
+                "loc": {
+                    "start": {
+                        "line": 3,
+                        "column": 21
+                    },
+                    "end": {
+                        "line": 3,
+                        "column": 23
+                    }
+                },
+                "value": "}}"
+            },
+            {
+                "type": "HTMLWhitespace",
+                "range": [
+                    62,
+                    63
+                ],
+                "loc": {
+                    "start": {
+                        "line": 3,
+                        "column": 23
+                    },
+                    "end": {
+                        "line": 4,
+                        "column": 0
+                    }
+                },
+                "value": "\n"
+            },
+            {
+                "type": "HTMLEndTagOpen",
+                "range": [
+                    63,
+                    73
+                ],
+                "loc": {
+                    "start": {
+                        "line": 4,
+                        "column": 0
+                    },
+                    "end": {
+                        "line": 4,
+                        "column": 10
+                    }
+                },
+                "value": "template"
+            },
+            {
+                "type": "HTMLTagClose",
+                "range": [
+                    73,
+                    74
+                ],
+                "loc": {
+                    "start": {
+                        "line": 4,
+                        "column": 10
+                    },
+                    "end": {
+                        "line": 4,
+                        "column": 11
+                    }
+                },
+                "value": ""
+            },
+            {
+                "type": "HTMLWhitespace",
+                "range": [
+                    74,
+                    75
+                ],
+                "loc": {
+                    "start": {
+                        "line": 4,
+                        "column": 11
+                    },
+                    "end": {
+                        "line": 5,
+                        "column": 0
+                    }
+                },
+                "value": "\n"
+            }
+        ],
+        "comments": [],
+        "errors": [
+            {
+                "message": "Unexpected token '\"'.",
+                "index": 30,
+                "lineNumber": 2,
+                "column": 19
+            },
+            {
+                "message": "Unexpected end of expression.",
+                "index": 60,
+                "lineNumber": 3,
+                "column": 21
+            }
+        ]
+    }
+}
\ No newline at end of file
diff --git a/test/fixtures/ast/filters-error/source.vue b/test/fixtures/ast/filters-error/source.vue
new file mode 100644
index 00000000..c2634efb
--- /dev/null
+++ b/test/fixtures/ast/filters-error/source.vue
@@ -0,0 +1,4 @@
+<template>
+    {{ value | foo"+"bar }}
+    {{ value | foo(a }}
+</template>
diff --git a/test/fixtures/ast/filters-error/token-ranges.json b/test/fixtures/ast/filters-error/token-ranges.json
new file mode 100644
index 00000000..c2d86ebb
--- /dev/null
+++ b/test/fixtures/ast/filters-error/token-ranges.json
@@ -0,0 +1,28 @@
+[
+    "<template",
+    ">",
+    "\n    ",
+    "{{",
+    " ",
+    "value",
+    " ",
+    "|",
+    " ",
+    "foo\"+\"bar",
+    " ",
+    "}}",
+    "\n    ",
+    "{{",
+    " ",
+    "value",
+    " ",
+    "|",
+    " ",
+    "foo(a",
+    " ",
+    "}}",
+    "\n",
+    "</template",
+    ">",
+    "\n"
+]
\ No newline at end of file
diff --git a/test/fixtures/ast/filters-error/tree.json b/test/fixtures/ast/filters-error/tree.json
new file mode 100644
index 00000000..3a79499e
--- /dev/null
+++ b/test/fixtures/ast/filters-error/tree.json
@@ -0,0 +1,43 @@
+[
+    {
+        "type": "VElement",
+        "text": "<template>\n    {{ value | foo\"+\"bar }}\n    {{ value | foo(a }}\n</template>",
+        "children": [
+            {
+                "type": "VStartTag",
+                "text": "<template>",
+                "children": []
+            },
+            {
+                "type": "VText",
+                "text": "\n    ",
+                "children": []
+            },
+            {
+                "type": "VExpressionContainer",
+                "text": "{{ value | foo\"+\"bar }}",
+                "children": []
+            },
+            {
+                "type": "VText",
+                "text": "\n    ",
+                "children": []
+            },
+            {
+                "type": "VExpressionContainer",
+                "text": "{{ value | foo(a }}",
+                "children": []
+            },
+            {
+                "type": "VText",
+                "text": "\n",
+                "children": []
+            },
+            {
+                "type": "VEndTag",
+                "text": "</template>",
+                "children": []
+            }
+        ]
+    }
+]
\ No newline at end of file
diff --git a/test/fixtures/ast/filters/ast.json b/test/fixtures/ast/filters/ast.json
new file mode 100644
index 00000000..1bc9f78e
--- /dev/null
+++ b/test/fixtures/ast/filters/ast.json
@@ -0,0 +1,750 @@
+{
+    "type": "Program",
+    "start": 0,
+    "end": 0,
+    "loc": {
+        "start": {
+            "line": 1,
+            "column": 0
+        },
+        "end": {
+            "line": 1,
+            "column": 0
+        }
+    },
+    "range": [
+        0,
+        0
+    ],
+    "body": [],
+    "sourceType": "script",
+    "comments": [],
+    "tokens": [],
+    "templateBody": {
+        "type": "VElement",
+        "range": [
+            0,
+            84
+        ],
+        "loc": {
+            "start": {
+                "line": 1,
+                "column": 0
+            },
+            "end": {
+                "line": 3,
+                "column": 11
+            }
+        },
+        "name": "template",
+        "rawName": "template",
+        "namespace": "http://www.w3.org/1999/xhtml",
+        "startTag": {
+            "type": "VStartTag",
+            "range": [
+                0,
+                10
+            ],
+            "loc": {
+                "start": {
+                    "line": 1,
+                    "column": 0
+                },
+                "end": {
+                    "line": 1,
+                    "column": 10
+                }
+            },
+            "selfClosing": false,
+            "attributes": []
+        },
+        "children": [
+            {
+                "type": "VText",
+                "range": [
+                    10,
+                    15
+                ],
+                "loc": {
+                    "start": {
+                        "line": 1,
+                        "column": 10
+                    },
+                    "end": {
+                        "line": 2,
+                        "column": 4
+                    }
+                },
+                "value": "\n    "
+            },
+            {
+                "type": "VElement",
+                "range": [
+                    15,
+                    72
+                ],
+                "loc": {
+                    "start": {
+                        "line": 2,
+                        "column": 4
+                    },
+                    "end": {
+                        "line": 2,
+                        "column": 61
+                    }
+                },
+                "name": "div",
+                "rawName": "div",
+                "namespace": "http://www.w3.org/1999/xhtml",
+                "startTag": {
+                    "type": "VStartTag",
+                    "range": [
+                        15,
+                        20
+                    ],
+                    "loc": {
+                        "start": {
+                            "line": 2,
+                            "column": 4
+                        },
+                        "end": {
+                            "line": 2,
+                            "column": 9
+                        }
+                    },
+                    "selfClosing": false,
+                    "attributes": []
+                },
+                "children": [
+                    {
+                        "type": "VExpressionContainer",
+                        "range": [
+                            20,
+                            66
+                        ],
+                        "loc": {
+                            "start": {
+                                "line": 2,
+                                "column": 9
+                            },
+                            "end": {
+                                "line": 2,
+                                "column": 55
+                            }
+                        },
+                        "expression": {
+                            "type": "VFilterSequenceExpression",
+                            "expression": {
+                                "type": "MemberExpression",
+                                "start": 23,
+                                "end": 39,
+                                "loc": {
+                                    "start": {
+                                        "line": 2,
+                                        "column": 12
+                                    },
+                                    "end": {
+                                        "line": 2,
+                                        "column": 28
+                                    }
+                                },
+                                "range": [
+                                    23,
+                                    39
+                                ],
+                                "object": {
+                                    "type": "Identifier",
+                                    "start": 23,
+                                    "end": 27,
+                                    "loc": {
+                                        "start": {
+                                            "line": 2,
+                                            "column": 12
+                                        },
+                                        "end": {
+                                            "line": 2,
+                                            "column": 16
+                                        }
+                                    },
+                                    "range": [
+                                        23,
+                                        27
+                                    ],
+                                    "name": "user"
+                                },
+                                "property": {
+                                    "type": "Identifier",
+                                    "start": 28,
+                                    "end": 39,
+                                    "loc": {
+                                        "start": {
+                                            "line": 2,
+                                            "column": 17
+                                        },
+                                        "end": {
+                                            "line": 2,
+                                            "column": 28
+                                        }
+                                    },
+                                    "range": [
+                                        28,
+                                        39
+                                    ],
+                                    "name": "create_time"
+                                },
+                                "computed": false
+                            },
+                            "filters": [
+                                {
+                                    "type": "VFilter",
+                                    "range": [
+                                        42,
+                                        63
+                                    ],
+                                    "loc": {
+                                        "start": {
+                                            "line": 2,
+                                            "column": 31
+                                        },
+                                        "end": {
+                                            "line": 2,
+                                            "column": 52
+                                        }
+                                    },
+                                    "callee": {
+                                        "type": "Identifier",
+                                        "range": [
+                                            42,
+                                            54
+                                        ],
+                                        "loc": {
+                                            "start": {
+                                                "line": 2,
+                                                "column": 31
+                                            },
+                                            "end": {
+                                                "line": 2,
+                                                "column": 43
+                                            }
+                                        },
+                                        "name": "luxon:locale"
+                                    },
+                                    "arguments": [
+                                        {
+                                            "type": "Literal",
+                                            "start": 55,
+                                            "end": 62,
+                                            "loc": {
+                                                "start": {
+                                                    "line": 2,
+                                                    "column": 44
+                                                },
+                                                "end": {
+                                                    "line": 2,
+                                                    "column": 51
+                                                }
+                                            },
+                                            "range": [
+                                                55,
+                                                62
+                                            ],
+                                            "value": "short",
+                                            "raw": "'short'"
+                                        }
+                                    ]
+                                }
+                            ],
+                            "range": [
+                                23,
+                                63
+                            ],
+                            "loc": {
+                                "start": {
+                                    "line": 2,
+                                    "column": 12
+                                },
+                                "end": {
+                                    "line": 2,
+                                    "column": 52
+                                }
+                            }
+                        },
+                        "references": [
+                            {
+                                "id": {
+                                    "type": "Identifier",
+                                    "start": 23,
+                                    "end": 27,
+                                    "loc": {
+                                        "start": {
+                                            "line": 2,
+                                            "column": 12
+                                        },
+                                        "end": {
+                                            "line": 2,
+                                            "column": 16
+                                        }
+                                    },
+                                    "range": [
+                                        23,
+                                        27
+                                    ],
+                                    "name": "user"
+                                },
+                                "mode": "r"
+                            }
+                        ]
+                    }
+                ],
+                "endTag": {
+                    "type": "VEndTag",
+                    "range": [
+                        66,
+                        72
+                    ],
+                    "loc": {
+                        "start": {
+                            "line": 2,
+                            "column": 55
+                        },
+                        "end": {
+                            "line": 2,
+                            "column": 61
+                        }
+                    }
+                },
+                "variables": []
+            },
+            {
+                "type": "VText",
+                "range": [
+                    72,
+                    73
+                ],
+                "loc": {
+                    "start": {
+                        "line": 2,
+                        "column": 61
+                    },
+                    "end": {
+                        "line": 3,
+                        "column": 0
+                    }
+                },
+                "value": "\n"
+            }
+        ],
+        "endTag": {
+            "type": "VEndTag",
+            "range": [
+                73,
+                84
+            ],
+            "loc": {
+                "start": {
+                    "line": 3,
+                    "column": 0
+                },
+                "end": {
+                    "line": 3,
+                    "column": 11
+                }
+            }
+        },
+        "variables": [],
+        "tokens": [
+            {
+                "type": "HTMLTagOpen",
+                "range": [
+                    0,
+                    9
+                ],
+                "loc": {
+                    "start": {
+                        "line": 1,
+                        "column": 0
+                    },
+                    "end": {
+                        "line": 1,
+                        "column": 9
+                    }
+                },
+                "value": "template"
+            },
+            {
+                "type": "HTMLTagClose",
+                "range": [
+                    9,
+                    10
+                ],
+                "loc": {
+                    "start": {
+                        "line": 1,
+                        "column": 9
+                    },
+                    "end": {
+                        "line": 1,
+                        "column": 10
+                    }
+                },
+                "value": ""
+            },
+            {
+                "type": "HTMLWhitespace",
+                "range": [
+                    10,
+                    15
+                ],
+                "loc": {
+                    "start": {
+                        "line": 1,
+                        "column": 10
+                    },
+                    "end": {
+                        "line": 2,
+                        "column": 4
+                    }
+                },
+                "value": "\n    "
+            },
+            {
+                "type": "HTMLTagOpen",
+                "range": [
+                    15,
+                    19
+                ],
+                "loc": {
+                    "start": {
+                        "line": 2,
+                        "column": 4
+                    },
+                    "end": {
+                        "line": 2,
+                        "column": 8
+                    }
+                },
+                "value": "div"
+            },
+            {
+                "type": "HTMLTagClose",
+                "range": [
+                    19,
+                    20
+                ],
+                "loc": {
+                    "start": {
+                        "line": 2,
+                        "column": 8
+                    },
+                    "end": {
+                        "line": 2,
+                        "column": 9
+                    }
+                },
+                "value": ""
+            },
+            {
+                "type": "VExpressionStart",
+                "range": [
+                    20,
+                    22
+                ],
+                "loc": {
+                    "start": {
+                        "line": 2,
+                        "column": 9
+                    },
+                    "end": {
+                        "line": 2,
+                        "column": 11
+                    }
+                },
+                "value": "{{"
+            },
+            {
+                "type": "Identifier",
+                "value": "user",
+                "start": 23,
+                "end": 27,
+                "loc": {
+                    "start": {
+                        "line": 2,
+                        "column": 12
+                    },
+                    "end": {
+                        "line": 2,
+                        "column": 16
+                    }
+                },
+                "range": [
+                    23,
+                    27
+                ]
+            },
+            {
+                "type": "Punctuator",
+                "value": ".",
+                "start": 27,
+                "end": 28,
+                "loc": {
+                    "start": {
+                        "line": 2,
+                        "column": 16
+                    },
+                    "end": {
+                        "line": 2,
+                        "column": 17
+                    }
+                },
+                "range": [
+                    27,
+                    28
+                ]
+            },
+            {
+                "type": "Identifier",
+                "value": "create_time",
+                "start": 28,
+                "end": 39,
+                "loc": {
+                    "start": {
+                        "line": 2,
+                        "column": 17
+                    },
+                    "end": {
+                        "line": 2,
+                        "column": 28
+                    }
+                },
+                "range": [
+                    28,
+                    39
+                ]
+            },
+            {
+                "type": "Punctuator",
+                "value": "|",
+                "range": [
+                    40,
+                    41
+                ],
+                "loc": {
+                    "start": {
+                        "line": 2,
+                        "column": 29
+                    },
+                    "end": {
+                        "line": 2,
+                        "column": 30
+                    }
+                }
+            },
+            {
+                "type": "Identifier",
+                "value": " luxon:locale",
+                "range": [
+                    42,
+                    54
+                ],
+                "loc": {
+                    "start": {
+                        "line": 2,
+                        "column": 31
+                    },
+                    "end": {
+                        "line": 2,
+                        "column": 43
+                    }
+                }
+            },
+            {
+                "type": "Punctuator",
+                "value": "(",
+                "start": 54,
+                "end": 55,
+                "loc": {
+                    "start": {
+                        "line": 2,
+                        "column": 43
+                    },
+                    "end": {
+                        "line": 2,
+                        "column": 44
+                    }
+                },
+                "range": [
+                    54,
+                    55
+                ]
+            },
+            {
+                "type": "String",
+                "value": "'short'",
+                "start": 55,
+                "end": 62,
+                "loc": {
+                    "start": {
+                        "line": 2,
+                        "column": 44
+                    },
+                    "end": {
+                        "line": 2,
+                        "column": 51
+                    }
+                },
+                "range": [
+                    55,
+                    62
+                ]
+            },
+            {
+                "type": "Punctuator",
+                "value": ")",
+                "start": 62,
+                "end": 63,
+                "loc": {
+                    "start": {
+                        "line": 2,
+                        "column": 51
+                    },
+                    "end": {
+                        "line": 2,
+                        "column": 52
+                    }
+                },
+                "range": [
+                    62,
+                    63
+                ]
+            },
+            {
+                "type": "VExpressionEnd",
+                "range": [
+                    64,
+                    66
+                ],
+                "loc": {
+                    "start": {
+                        "line": 2,
+                        "column": 53
+                    },
+                    "end": {
+                        "line": 2,
+                        "column": 55
+                    }
+                },
+                "value": "}}"
+            },
+            {
+                "type": "HTMLEndTagOpen",
+                "range": [
+                    66,
+                    71
+                ],
+                "loc": {
+                    "start": {
+                        "line": 2,
+                        "column": 55
+                    },
+                    "end": {
+                        "line": 2,
+                        "column": 60
+                    }
+                },
+                "value": "div"
+            },
+            {
+                "type": "HTMLTagClose",
+                "range": [
+                    71,
+                    72
+                ],
+                "loc": {
+                    "start": {
+                        "line": 2,
+                        "column": 60
+                    },
+                    "end": {
+                        "line": 2,
+                        "column": 61
+                    }
+                },
+                "value": ""
+            },
+            {
+                "type": "HTMLWhitespace",
+                "range": [
+                    72,
+                    73
+                ],
+                "loc": {
+                    "start": {
+                        "line": 2,
+                        "column": 61
+                    },
+                    "end": {
+                        "line": 3,
+                        "column": 0
+                    }
+                },
+                "value": "\n"
+            },
+            {
+                "type": "HTMLEndTagOpen",
+                "range": [
+                    73,
+                    83
+                ],
+                "loc": {
+                    "start": {
+                        "line": 3,
+                        "column": 0
+                    },
+                    "end": {
+                        "line": 3,
+                        "column": 10
+                    }
+                },
+                "value": "template"
+            },
+            {
+                "type": "HTMLTagClose",
+                "range": [
+                    83,
+                    84
+                ],
+                "loc": {
+                    "start": {
+                        "line": 3,
+                        "column": 10
+                    },
+                    "end": {
+                        "line": 3,
+                        "column": 11
+                    }
+                },
+                "value": ""
+            },
+            {
+                "type": "HTMLWhitespace",
+                "range": [
+                    84,
+                    85
+                ],
+                "loc": {
+                    "start": {
+                        "line": 3,
+                        "column": 11
+                    },
+                    "end": {
+                        "line": 4,
+                        "column": 0
+                    }
+                },
+                "value": "\n"
+            }
+        ],
+        "comments": [],
+        "errors": []
+    }
+}
\ No newline at end of file
diff --git a/test/fixtures/ast/filters/source.vue b/test/fixtures/ast/filters/source.vue
new file mode 100644
index 00000000..76bcf7d8
--- /dev/null
+++ b/test/fixtures/ast/filters/source.vue
@@ -0,0 +1,3 @@
+<template>
+    <div>{{ user.create_time | luxon:locale('short') }}</div>
+</template>
diff --git a/test/fixtures/ast/filters/token-ranges.json b/test/fixtures/ast/filters/token-ranges.json
new file mode 100644
index 00000000..4e53cc20
--- /dev/null
+++ b/test/fixtures/ast/filters/token-ranges.json
@@ -0,0 +1,23 @@
+[
+    "<template",
+    ">",
+    "\n    ",
+    "<div",
+    ">",
+    "{{",
+    "user",
+    ".",
+    "create_time",
+    "|",
+    "luxon:locale",
+    "(",
+    "'short'",
+    ")",
+    "}}",
+    "</div",
+    ">",
+    "\n",
+    "</template",
+    ">",
+    "\n"
+]
\ No newline at end of file
diff --git a/test/fixtures/ast/filters/tree.json b/test/fixtures/ast/filters/tree.json
new file mode 100644
index 00000000..1e1df028
--- /dev/null
+++ b/test/fixtures/ast/filters/tree.json
@@ -0,0 +1,88 @@
+[
+    {
+        "type": "VElement",
+        "text": "<template>\n    <div>{{ user.create_time | luxon:locale('short') }}</div>\n</template>",
+        "children": [
+            {
+                "type": "VStartTag",
+                "text": "<template>",
+                "children": []
+            },
+            {
+                "type": "VText",
+                "text": "\n    ",
+                "children": []
+            },
+            {
+                "type": "VElement",
+                "text": "<div>{{ user.create_time | luxon:locale('short') }}</div>",
+                "children": [
+                    {
+                        "type": "VStartTag",
+                        "text": "<div>",
+                        "children": []
+                    },
+                    {
+                        "type": "VExpressionContainer",
+                        "text": "{{ user.create_time | luxon:locale('short') }}",
+                        "children": [
+                            {
+                                "type": "VFilterSequenceExpression",
+                                "text": "user.create_time | luxon:locale('short')",
+                                "children": [
+                                    {
+                                        "type": "MemberExpression",
+                                        "text": "user.create_time",
+                                        "children": [
+                                            {
+                                                "type": "Identifier",
+                                                "text": "user",
+                                                "children": []
+                                            },
+                                            {
+                                                "type": "Identifier",
+                                                "text": "create_time",
+                                                "children": []
+                                            }
+                                        ]
+                                    },
+                                    {
+                                        "type": "VFilter",
+                                        "text": "luxon:locale('short')",
+                                        "children": [
+                                            {
+                                                "type": "Identifier",
+                                                "text": "luxon:locale",
+                                                "children": []
+                                            },
+                                            {
+                                                "type": "Literal",
+                                                "text": "'short'",
+                                                "children": []
+                                            }
+                                        ]
+                                    }
+                                ]
+                            }
+                        ]
+                    },
+                    {
+                        "type": "VEndTag",
+                        "text": "</div>",
+                        "children": []
+                    }
+                ]
+            },
+            {
+                "type": "VText",
+                "text": "\n",
+                "children": []
+            },
+            {
+                "type": "VEndTag",
+                "text": "</template>",
+                "children": []
+            }
+        ]
+    }
+]
\ No newline at end of file