From d4ec69f722174fb845a24333ac34345205574e56 Mon Sep 17 00:00:00 2001
From: ota <y.ohta.z3@future.co.jp>
Date: Sat, 13 Jun 2020 15:26:01 +0900
Subject: [PATCH] Update Developer Guide

---
 README.md                      | 9 ++++++---
 docs/developer-guide/README.md | 9 ++++++---
 2 files changed, 12 insertions(+), 6 deletions(-)

diff --git a/README.md b/README.md
index 1935bf189..52fb216ef 100644
--- a/README.md
+++ b/README.md
@@ -37,9 +37,12 @@ See [The ESLint Vue Plugin Developer Guide](https://eslint.vuejs.org/developer-g
 
 Before you start writing a new rule, please read [the official ESLint guide](https://eslint.org/docs/developer-guide/working-with-rules).
 
-Next, in order to get an idea how does the AST of the code that you want to check looks like, use one of the following applications:
-- [astexplorer.net](https://astexplorer.net/) - the best tool to inspect ASTs, but it doesn't support Vue template yet
-- [ast.js.org](https://ast.js.org/) - not fully featured, but supports Vue template syntax
+Next, in order to get an idea how does the AST of the code that you want to check looks like, use the [astexplorer.net].
+The [astexplorer.net] is a great tool to inspect ASTs, also Vue templates are supported.
+
+After opening [astexplorer.net], select `Vue` as the syntax and `vue-eslint-parser` as the parser.
+
+[astexplorer.net]: https://astexplorer.net/
 
 Since single file components in Vue are not plain JavaScript, the default parser couldn't be used, so a new one was introduced. `vue-eslint-parser` generates enhanced AST with nodes that represent specific parts of the template syntax, as well as what's inside the `<script>` tag.
 
diff --git a/docs/developer-guide/README.md b/docs/developer-guide/README.md
index 658a4bf66..d216984b8 100644
--- a/docs/developer-guide/README.md
+++ b/docs/developer-guide/README.md
@@ -28,9 +28,12 @@ We're more than happy to see potential contributions, so don't hesitate. If you
 
 Before you start writing new rule, please read the [official ESLint guide](https://eslint.org/docs/developer-guide/working-with-rules).
 
-Next in order to get an idea how does the AST of the code that you want to check looks like, you can use one of the following applications:
-- [astexplorer.net](https://astexplorer.net/) - best tool to inspect ASTs, but it doesn't support Vue templates yet
-- [ast.js.org](https://ast.js.org/) - not fully featured, but supports Vue templates syntax
+Next, in order to get an idea how does the AST of the code that you want to check looks like, use the [astexplorer.net].
+The [astexplorer.net] is a great tool to inspect ASTs, also Vue templates are supported.
+
+After opening [astexplorer.net], select `Vue` as the syntax and `vue-eslint-parser` as the parser.
+
+[astexplorer.net]: https://astexplorer.net/
 
 Since single file components in Vue are not plain JavaScript, we can't use the default parser, and we had to introduce additional one: `vue-eslint-parser`, that generates enhanced AST with nodes that represent specific parts of the template syntax, as well as what's inside the `<script>` tag.