Update README

.github/README.md

@@ -5,7 +5,7 @@
 </p>
 
 <p align="center">
-  A Wails template based on Vue and Vue-Router
+  Wails template based on Vue ecology
 </p>
 
 <p align="center">
@@ -35,125 +35,97 @@
 </strong>
 </div>
 
-<span id="nav-2"></span>
-
 ## Table of Contents
 
 <details>
   <summary>Click me to Open/Close the directory listing</summary>
 
-- [Table of Contents](#nav-2)
-- [Introductions](#nav-3)
-  - [Official Website](#nav-3-1)
-  - [Background](#nav-3-2)
-- [Graphic Demo](#nav-4)
-- [Features](#nav-5)
-- [Architecture](#nav-6)
-- [Getting Started](#nav-7)
-- [Maintainer](#nav-8)
-- [Contributors](#nav-9)
-- [Community Exchange](#nav-10)
-- [Part Of Users](#nav-11)
-- [Release History](CHANGELOG.md)
-- [Donators](#nav-12)
-- [Sponsors](#nav-13)
-- [Special Thanks](#nav-14)
-- [License](#nav-15)
+- [Table of Contents](#table-of-contents)
+- [Introductions](#introductions)
+  - [Official Website](#official-website)
+  - [Background](#background)
+- [Graphic Demo](#graphic-demo)
+- [Features](#features)
+- [Architecture](#architecture)
+- [Getting Started](#getting-started)
+- [Maintainer](#maintainer)
+- [Contributors](#contributors)
+- [Community Exchange](#community-exchange)
+- [Part Of Users](#part-of-users)
+- [Changelog](#changelog)
+- [Donators](#donators)
+- [Sponsors](#sponsors)
+- [Special Thanks](#special-thanks)
+- [License](#license)
 
 </details>
 
-<span id="nav-3"></span>
-
 ## Introductions
 
-The wails-template-vue template is a Vue template that supports [Wails](https://github.com/wailsapp/wails) programs and provides Router and i18n functions by default.
-
-<span id="nav-3-1"></span>
-
-<!-- ### Official Website -->
-
-<span id="nav-3-2"></span>
+This project is a [Wails](https://github.com/wailsapp/wails) template based on the [Vue](https://vuejs.org/) ecosystem. You can use this project to quickly develop your application.
 
 ### Background
 
-I hope that Vue and its powerful community ecology can be used in Wails applications to develop single-page applications that support multiple routes.
-
-<span id="nav-4"></span>
+The official built-in template only provides the minimum content required to develop an application. If you want to develop an application quickly, you still need to do a lot of work yourself. Based on this, this template project provides you with out-of-the-box functions, you can Get started developing your app quickly.
 
 ## Graphic Demo
 
 [![Demo Screenshot](https://cdn.jsdelivr.net/gh/misitebao/wails-template-vue@main/.github/preview.en.png "click to view gif demo")](https://cdn.jsdelivr.net/gh/misitebao/wails-template-vue@main/.github/preview.gif)
 
-<span id="nav-5"></span>
-
 ## Features
 
-- Compatible with Windows, MacOS, Linux platforms
-- Support single page routing and i18n.
-- Built-in Sass preprocessor.
-- A consistent UI experience across platforms(Comes with JetbrainsMono font package).
-- Comes with a complete API example(Currently under development and testing...).
-- Support JavaScript and TypeScript
-
-<span id="nav-6"></span>
-
-<!-- ## Architecture -->
-
-<span id="nav-7"></span>
+- Single page routing support
+- Built-in internationalization
+- Built-in bright and dark themes
+- Built-in FontAwesome icon library
+- Integrated TailwindCSS
+- Integrate TypeScript
+- Perfect for Windows, MacOS, Linux platforms
 
 ## Getting Started
 
-### New Project
+**New Project**:
 
 ```
-wails init -n [Your Appname] -t https://github.com/misitebao/wails-template-vue
+wails init -n <Your Appname> -t https://github.com/misitebao/wails-template-vue[@version]
 ```
 
 flag description:
 
 - n - The name of the application to be created
 - t - Template name, supports built-in template names and third-party templates in the form of hyperlinks
+- @version - Specify the version of a specific Git Tag, if no version is specified, the code of the master branch will be used by default
 
-After the project is created, the JavaScript template is used by default. You can change the value of the `"frontend:build"` field in the `wails.json` file to `"npm run build -w ts"` to use the TypeScript template.
-
-Note: In order to support TypeScript templates under the existing functions, the front-end part uses the NPM workspace function, so the NPM version must be `>=7.0.0`, please run `npm -v` to check your NPM version.
-
-### Reference document
+**Reference document**:
 
 The front-end part uses Vue Vue-Router and Vue-I18N:
 
-- Vue - Use vue3.x version, please refer to the official [Vue3.x Documents](https://v3.vuejs.org/guide/introduction.html) for specific usage.
-- Vue-Router - Use Vue-Router 4.x version, please refer to the official [Vue-Router Documents](https://next.router.vuejs.org/) for specific usage.
+- Vue - Use vue3.x version, please refer to the official [Vue3.x Documents](https://vuejs.org/) for specific usage.
+- Vue-Router - Use Vue-Router 4.x version, please refer to the official [Vue-Router Documents](https://router.vuejs.org/) for specific usage.
 - Vue-I18N - Use Vue-I18N 9.x version, please refer to official [Vue-I18N Documents](https://vue-i18n.intlify.dev/) for specific usage.
 - TypeScript - Please refer to official [TypeScript Documents](https://www.typescriptlang.org/) for specific usage.
+- TailwindCSS - Please refer to official [TailwindCSS Documents](https://tailwindcss.com/) for specific usage.
 
 Then you can refer to the official [Wails document](https://wails.io) to start developing your application🤞.
 
-<span id="nav-8"></span>
-
 ## Maintainer
 
 Thanks to the maintainers of these projects:
 
-<a href="https://github.com/misitebao"><img src="https://github.com/misitebao.png" width="40" height="40" alt="misitebao" title="misitebao"/></a>
-
-<details>
-  <summary>Click me to Open/Close the maintainer listing</summary>
-
-- [Misitebao](https://github.com/misitebao) - Project author, full stack engineer.
-
-</details>
-
-<span id="nav-9"></span>
+<a href="https://github.com/misitebao">
+  <img src="https://github.com/misitebao.png" width="40" height="40" alt="misitebao" title="misitebao"/>
+</a>
 
 ## Contributors
 
-Thank you to all the contributors who participated in the development of wails-template-vue. [Contributors](https://github.com/misitebao/wails-template-vue/graphs/contributors)
-
-<a href="https://github.com/eighteenzheng"><img src="https://github.com/eighteenzheng.png" width="40" height="40" alt="eighteenzheng" title="eighteenzheng"/></a>
-<a href="https://github.com/daoif"><img src="https://github.com/daoif.png" width="40" height="40" alt="daoif" title="daoif"/></a>
+Thanks to all the contributors involved in the development. [Contributors](https://github.com/misitebao/wails-template-vue/graphs/contributors)
 
-<span id="nav-10"></span>
+<a href="https://github.com/eighteenzheng">
+  <img src="https://github.com/eighteenzheng.png" width="40" height="40" alt="eighteenzheng" title="eighteenzheng"/>
+</a>
+<a href="https://github.com/daoif">
+  <img src="https://github.com/daoif.png" width="40" height="40" alt="daoif" title="daoif"/>
+</a>
 
 ## Community Exchange
 
@@ -165,26 +137,14 @@ Chinese Community:
 
 - <a target="_blank" href="https://qm.qq.com/cgi-bin/qm/qr?k=utlUvDwtcNG5knHBLwVdMvG39WeHh7oj&jump_from=webapi">QQ Group: 1067173054</a> - QQ Chinese Community Exchange Group
 
-<span id="nav-11"></span>
-
 ## Part Of Users
 
 - [Wails API Demos](https://github.com/misitebao/wails-api-demos) - A sample program for exploring Wails API, inspired by [Electron API Demos](https://github.com/electron/electron-api-demos)
 - [Hayate](https://github.com/misitebao/hayate) - Windows application installation boot program implemented using Wails.
 
-<span id="nav-12"></span>
-
-<!-- ## Donators -->
-
-<span id="nav-13"></span>
-
-<!-- ## Sponsors -->
-
-<span id="nav-14"></span>
-
-<!-- ## Special Thanks -->
+## Changelog
 
-<span id="nav-15"></span>
+Check out the changelog [here](./CHANGELOG.md).
 
 ## License