Add: translate vue3 document to en.

Author: qq824810885

en/Tutorial/Language/vue-next.md

@@ -0,0 +1,39 @@
+# Vue3 Support
+> HBuilderX's support for vue3 is still compatible with vue2, this means our enhancement of vue2 can still be used in vue3. See [Vue support](/Tutorial/Language/vue.md) for vue2 support.
+
+## Vue3.x API Hint and Help
+
+The prompt is not only to be complete, but also to be accurate. You can't guess all the words and list them out, there will be what there should be, clear and trustworthy. 
+
+Write fast and write well.
+
+In addition to the perfect tips, you can also see a clear help description on the right side of the code assistant, explaining the api, and the api link of the vue official website. Click to go directly to the specified page of the vue official website.
+ 
+Very suitable for getting start.
+
+<img src="/static/snapshots/vue_next/1.jpg" style="zoom: 30%;border: 1px solid #eee;" />
+## Composition API Support
+Accurate type derivation of composition functions such as `ref` and `reactive`, and support `go to definition` (Alt + click).
+
+<img src="/static/snapshots/vue_next/2.jpg" style="zoom: 30%;border: 1px solid #eee;" />
+
+<img src="/static/snapshots/vue_next/3.jpg" style="zoom: 30%;border: 1px solid #eee;" />
+
+## State-Driven Dynamic CSS Support
+Support the use of v-bind function hint in CSS, variable hint in parameters and `go to definition` (Alt + click).
+
+<img src="/static/snapshots/vue_next/4.jpg" style="zoom: 30%;border: 1px solid #eee;" />
+
+<img src="/static/snapshots/vue_next/5.jpg" style="zoom: 30%;border: 1px solid #eee;" />
+
+## Script Setup Support
+The setup syntax recommended by vue3 is also fully supported.
+
+<img src="/static/snapshots/vue_next/6.jpg" style="zoom: 30%;border: 1px solid #eee;" />
+
+## Vars & Functions Hint in Template
+Variables defined in data, props and setup and functions defined in methods and setup can suggest and `go to definition`(alt + click) in template.
+
+<img src="/static/snapshots/vue_next/7.jpg" style="zoom: 30%;border: 1px solid #eee;" />
+
+<img src="/static/snapshots/vue_next/8.jpg" style="zoom: 30%;border: 1px solid #eee;" />

en/Tutorial/Language/vue.md

@@ -8,6 +8,9 @@ We recommend that developers use the vue single file specification to open vue f
 
 > Notes: If the file is not under the project, but a separate file, and the grammar library cannot be mounted, please create a project in the project manager on the left and open the file in the project to experience it.
 
+## Vue3 Support
+HBuilderX has optimized support for vue3 since v3.2.5 (included). See [vue3 support](/Tutorial/Language/vue-next.md) for details.
+
 ## Syntax highlighting
 
 In addition to vue's common syntax highlighting support, HBuilderX also supports various expression syntax, as well as other languages supported by script and style such as less, scss, stylus, typescript and other highlighting, without the need to install plug-ins.
@@ -23,7 +26,7 @@ Write fast and write well.
 
 In addition to the perfect tips, you can also see a clear help description on the right side of the code assistant, explaining the api, and the api link of the vue official website. Click to go directly to the specified page of the vue official website.
 
-Very suitable for learning reference.
+Very suitable for getting start.
 
 <img src="/static/snapshots/vue/1.png" style="zoom: 80%;border: 1px solid #eee;" />
 

en/_sidebar.md

@@ -14,6 +14,7 @@
     * [CodeAssistant](/Tutorial/Language/CodeAssistant.md)
     * [Emmet](/Tutorial/Language/emmet)
     * [Vue](/Tutorial/Language/vue.md)
+    * [Vue3](/Tutorial/Language/vue-next.md)
     * [Vue Doc](/Tutorial/Language/vuedoc.md)
 * Version Control
     * [Git Introduce](/Tutorial/SourceControl/Git/README.md)