【Web】rename the example project

Web/README.md

@@ -22,12 +22,12 @@ TUIRoomKit supports major PC and mobile browsers, please refer to [Browser Suppo
 .
 ├── README.md
 ├── README.zh.md
-├── example        -- TUIRoomKit quick run-through demo
-│   ├── vue2       -- TUIRoomKit quick run-through demo (Webpack + vue2.7 + ts)
-│   └── vue3       -- TUIRoomKit quick run-through demo (Vite + vue3 + ts)
-└── roomkit        -- TUIRoomKit Source Code
-    ├── vue2       -- TUIRoomKit Source Code (support vue2.7)
-    └── vue3       -- TUIRoomKit Source Code (support vue3)
+├── example                 -- TUIRoomKit quick run-through demo
+│   ├── vite-vue3-ts        -- TUIRoomKit quick run-through demo (Vite + vue3 + ts)
+│   └── webpack-vue2.7-ts   -- TUIRoomKit quick run-through demo (Webpack + vue2.7 + ts)
+└── roomkit                 -- TUIRoomKit Source Code
+    ├── vue2                -- TUIRoomKit Source Code (support vue2.7)
+    └── vue3                -- TUIRoomKit Source Code (support vue3)
 ```
 
 ## Contact Us

Web/README.zh.md

@@ -24,14 +24,14 @@ TUIRoomKit 支持主流的 PC 及移动端浏览器，具体信息请参考 [浏
 .
 ├── README.md
 ├── README.zh.md
-├── example        -- TUIRoomKit 示例 Demo，您可以快速下载运行
-│   ├── vue2       -- TUIRoomKit 示例 Demo (Webpack + vue2.7 + ts)
-│   └── vue3       -- TUIRoomKit 示例 Demo (Vite + vue3 + ts)
-└── roomkit        -- TUIRoomKit 源码，可根据需求任意修改代码
-    ├── vue2       -- TUIRoomKit vue2 源码
-    └── vue3       -- TUIRoomKit vue3 源码
+├── example                 -- TUIRoomKit 示例 Demo，您可以快速下载运行
+│   ├── vite-vue3-ts        -- TUIRoomKit 示例 Demo (Vite + vue3 + ts)
+│   └── webpack-vue2.7-ts   -- TUIRoomKit 示例 Demo (Webpack + vue2.7 + ts)
+└── roomkit                 -- TUIRoomKit 源码，可根据需求任意修改代码
+    ├── vue2                -- TUIRoomKit vue2 源码
+    └── vue3                -- TUIRoomKit vue3 源码
 ```
 
 ## 交流&反馈
 
-如果您在使用过程中有遇到什么问题，欢迎提交 [**issue**](https://github.com/Tencent-RTC/TUIRoomKit/issues)，或者访问 [腾讯云通信官方社群](https://zhiliao.qq.com/) 进行咨询和反馈。
+如果您在使用过程中有遇到什么问题，欢迎提交 [**issue**](https://github.com/Tencent-RTC/TUIRoomKit/issues)，或者访问 [腾讯云通信官方社群](https://zhiliao.qq.com/s/cWSPGIIM62CC/cFUPGIIM62CF) 进行咨询和反馈。

Web/example/vue3/README.md → Web/example/vite-vue3-ts/README.md

@@ -1,12 +1,12 @@
-# Quick Run of TUIRoom Web Demo
+# Quick Run of TUIRoomKit Web Demo
 
 English | [简体中文](README.zh.md)
 
-This document describes how to quickly run the TUIRoom demo project to try out group audio/video interaction. If you need to integrate TUIRoomKit into your existing business, please refer to [TUIRoomKIt Integration](https://trtc.io/document/54845?platform=web&product=conference).
+This document describes how to quickly run the TUIRoomKit demo project to try out group audio/video interaction. If you need to integrate TUIRoomKit into your existing business, please refer to [TUIRoomKit Integration](https://trtc.io/document/54845?platform=web&product=conference).
 
 > Notice：<br>
 > This example project integrates with the TUIRoomKit npm package [@tencentcloud/roomkit-web-vue3
-](https://www.npmjs.com/package/@tencentcloud/roomkit-web-vue3). This npm package provides a pre-meeting preview component, an in-meeting component, and methods for starting meetings, joining meetings, and fine-tuning the interface. For more, see [RoomKit API](https://trtc.io/document/54880?platform=web&product=conference). If these APIs don't meet your business needs, you can refer to [UIKit source code export](https://trtc.io/document/54851?platform=web&product=conference#method-2.3A-modify-the-uikit-source-code) for accessing the TUIRoomKit source code.
+](https://www.npmjs.com/package/@tencentcloud/roomkit-web-vue3). This npm package provides a pre-conference preview component, an in-conference component, and methods for starting conference, joining conference, and fine-tuning the interface. For more, see [TUIRoomKit API](https://trtc.io/document/54880?platform=web&product=conference). If these APIs don't meet your business needs, you can refer to [TUIRoomKit source code export](https://trtc.io/document/54851?platform=web&product=conference#method-2.3A-modify-the-uikit-source-code) for accessing the TUIRoomKit source code.
 
 ## Directory
 
@@ -26,7 +26,7 @@ This document describes how to quickly run the TUIRoom demo project to try out g
 │   ├── main.ts         -- Sample Project Entry File
 │   ├── router          -- Sample Project Routing Configuration
 │   ├── utils
-│   └── views           -- Sample project pages (including pre-session preview pages and in-session pages)
+│   └── views           -- Sample project pages (including pre-conference preview pages and in-conference page)
 ├── tsconfig.json
 ├── tsconfig.node.json
 ├── useRoomExtension.js
@@ -45,7 +45,7 @@ This document describes how to quickly run the TUIRoom demo project to try out g
 
 ### Step 2: Download the source code and configure the project
 1. Clone or download the source code in our repository (**You can start the repository to save it**).
-2. Find and open `Web/example/vue3/src/config/basic-info-config.js`.
+2. Find and open `Web/example/vite-vue3-ts/src/config/basic-info-config.js`.
 3. Configure parameters in `basic-info-config.js`:
 
 	<img src="https://qcloudimg.tencent-cloud.cn/raw/36fc2cb8a3cc8a90a02d1ab0d9e4ffb7.png" width="900">
@@ -57,7 +57,7 @@ This document describes how to quickly run the TUIRoom demo project to try out g
 1. install dependencies
 
    ```bash
-   cd TUIRoomKit/Web/example/vue3
+   cd TUIRoomKit/Web/example/vite-vue3-ts
    
    npm install
    ```
@@ -68,16 +68,9 @@ This document describes how to quickly run the TUIRoom demo project to try out g
    npm run dev
    ```
 
-3. Generate a DIST file
-
-   ```bash
-   npm run build
-   ```
 ### Step 4. Try out the demo
 
-Open `http://localhost:3000/#/home` in a browser to try out TUIRoom.
-
-Because Element Plus components are imported manually, it may take a relatively long time for the page to load in the development environment for the first time. This will not be an issue after building.
+Open `http://localhost:3000/#/home` in a browser to try out TUIRoomKit.
 
 **Anchor (userId: anchor)**
 
@@ -98,7 +91,7 @@ Because Element Plus components are imported manually, it may take a relatively
 | <img src="https://qcloudimg.tencent-cloud.cn/raw/6e0db32e8497c00221018a80bd7ceaab.png" width="320"/> | <img src="https://qcloudimg.tencent-cloud.cn/raw/c3982208a81f5b0f774c5bfadc6e7b99.png" width="320"/> |
 
 ### Step 5: Production Environment Deployment
-- 1. Generate a DIST file
+- 1. Generate deployment files
 
    ```bash
    npm run build

Web/example/vue3/README.zh.md → Web/example/vite-vue3-ts/README.zh.md

@@ -6,7 +6,7 @@
 
 > 提示：<br>
 > 本示例工程集成 TUIRoomKit 的 npm 包 [@tencentcloud/roomkit-web-vue3
-](https://www.npmjs.com/package/@tencentcloud/roomkit-web-vue3)。该 npm 包提供了会前预览组件、会中组件以及发起会议、加入会议和界面微调的方法。如需了解更多，请参考 [RoomKit API](https://cloud.tencent.com/document/product/647/81969)。若这些 API 无法满足您的业务需求，您可以参考 [UIKit 源码导出](https://cloud.tencent.com/document/product/647/81965#7076b44f-846d-4b20-90f1-3e2594f20ec3) 方案接入 TUIRoomKit 源码。
+](https://www.npmjs.com/package/@tencentcloud/roomkit-web-vue3)。该 npm 包提供了会前预览组件、会中组件以及发起会议、加入会议和界面微调的方法。如需了解更多，请参考 [TUIRoomKit API](https://cloud.tencent.com/document/product/647/81969)。若这些 API 无法满足您的业务需求，您可以参考 [TUIRoomKit 源码导出](https://cloud.tencent.com/document/product/647/81965#7076b44f-846d-4b20-90f1-3e2594f20ec3) 方案接入 TUIRoomKit 源码。
 
 ## 目录结构
 
@@ -26,7 +26,7 @@
 │   ├── main.ts         -- 示例工程入口文件
 │   ├── router          -- 示例工程路由配置
 │   ├── utils           -- 通用方法
-│   └── views           -- 示例工程页面（包括进房前预览页面及进房后页面）
+│   └── views           -- 示例工程页面（包括进会前预览页面及会议中页面）
 ├── tsconfig.json
 ├── tsconfig.node.json
 ├── useRoomExtension.js
@@ -51,7 +51,7 @@
 ### 第二步：下载源码，配置工程
 
 1. 克隆或者直接下载此仓库源码，**欢迎 Star**，感谢~~
-2. 找到并打开 `Web/example/vue3/src/config/basic-info-config.js` 文件。
+2. 找到并打开 `Web/example/vite-vue3-ts/src/config/basic-info-config.js` 文件。
 3. 配置 `basic-info-config.js` 文件中的相关参数：
 	<img src="https://qcloudimg.tencent-cloud.cn/raw/36fc2cb8a3cc8a90a02d1ab0d9e4ffb7.png" width="900">
 	- SDKAPPID：默认为 0，请设置为步第一步中记录下的 SDKAppID。
@@ -62,7 +62,7 @@
 1. 安装依赖
 
    ```bash
-   cd TUIRoomKit/Web/example/vue3
+   cd TUIRoomKit/Web/example/vite-vue3-ts
    
    npm install
    ```
@@ -76,11 +76,6 @@
    npm run dev
    ```
 
-3. 打包 dist 文件
-
-   ```bash
-   npm run build
-   ```
 ### 第四步：示例体验
 
 开发环境运行示例工程后，在浏览器中打开页面 http://localhost:3000/#/home 即可体验 TUIRoomKit 功能。
@@ -124,4 +119,4 @@ A: 请检查部署的链接是否为 https 协议，出于对用户安全、隐
 
 ## 交流&反馈
 
-如果您在使用过程中有遇到什么问题，欢迎提交 [**issue**](https://github.com/Tencent-RTC/TUIRoomKit/issues)，或者访问 [腾讯云通信官方社群](https://zhiliao.qq.com/) 进行咨询和反馈。
+如果您在使用过程中有遇到什么问题，欢迎提交 [**issue**](https://github.com/Tencent-RTC/TUIRoomKit/issues)，或者访问 [腾讯云通信官方社群](https://zhiliao.qq.com/s/cWSPGIIM62CC/cFUPGIIM62CF) 进行咨询和反馈。

Web/example/vue2/.eslintignore

@@ -1,3 +0,0 @@
-/src/TUIRoom/
-/auto-imports.d.ts
-/components.d.ts

Web/example/vue2/README.md → Web/example/webpack-vue2.7-ts/README.md

@@ -1,12 +1,12 @@
-# Quick Run of TUIRoom Web Demo
+# Quick Run of TUIRoomKit Web Demo
 
 English | [简体中文](README.zh.md)
 
-This document describes how to quickly run the TUIRoom demo project to try out group audio/video interaction. If you need to integrate TUIRoomKit into your existing business, please refer to [TUIRoomKIt Integration](https://trtc.io/document/54845?platform=web&product=conference).
+This document describes how to quickly run the TUIRoomKit demo project to try out group audio/video interaction. If you need to integrate TUIRoomKit into your existing business, please refer to [TUIRoomKit Integration](https://trtc.io/document/54845?platform=web&product=conference).
 
 > Notice：<br>
 > This example project integrates with the TUIRoomKit npm package [@tencentcloud/roomkit-web-vue2.7
-](https://www.npmjs.com/package/@tencentcloud/roomkit-web-vue2.7). This npm package provides a pre-meeting preview component, an in-meeting component, and methods for starting meetings, joining meetings, and fine-tuning the interface. For more, see [RoomKit API](https://trtc.io/document/54880?platform=web&product=conference). If these APIs don't meet your business needs, you can refer to [UIKit source code export](https://trtc.io/document/54851?platform=web&product=conference#method-2.3A-modify-the-uikit-source-code) for accessing the TUIRoomKit source code.
+](https://www.npmjs.com/package/@tencentcloud/roomkit-web-vue2.7). This npm package provides a pre-conference preview component, an in-conference component, and methods for starting conference, joining conference, and fine-tuning the interface. For more, see [TUIRoomKit API](https://trtc.io/document/54880?platform=web&product=conference). If these APIs don't meet your business needs, you can refer to [TUIRoomKit source code export](https://trtc.io/document/54851?platform=web&product=conference#method-2.3A-modify-the-uikit-source-code) for accessing the TUIRoomKit source code.
 
 ## Directory
 
@@ -30,7 +30,7 @@ This document describes how to quickly run the TUIRoom demo project to try out g
 │   ├── shims-tsx.d.ts
 │   ├── shims-vue.d.ts
 │   ├── utils
-│   └── views            -- Sample project pages (including pre-session preview pages and in-session
+│   └── views            -- Sample project pages (including pre-conference preview pages and in-conference page)
 ├── tsconfig.json
 └── vue.config.js
 ```
@@ -47,7 +47,7 @@ This document describes how to quickly run the TUIRoom demo project to try out g
 
 ### Step 2: Download the source code and configure the project
 1. Clone or download the source code in our repository (**You can start the repository to save it**).
-2. Find and open `Web/example/vue2/src/config/basic-info-config.js`.
+2. Find and open `Web/example/webpack-vue2.7-ts/src/config/basic-info-config.js`.
 3. Configure parameters in `basic-info-config.js`:
 
 	<img src="https://qcloudimg.tencent-cloud.cn/raw/36fc2cb8a3cc8a90a02d1ab0d9e4ffb7.png" width="900">
@@ -59,7 +59,7 @@ This document describes how to quickly run the TUIRoom demo project to try out g
 1. install dependencies
 
    ```bash
-   cd TUIRoomKit/Web/example/vue2
+   cd TUIRoomKit/Web/example/webpack-vue2.7-ts
    
    npm install
    ```
@@ -67,19 +67,12 @@ This document describes how to quickly run the TUIRoom demo project to try out g
 2. Run the sample project in the development environment
 
    ```bash
-   npm run dev
+   npm run serve
    ```
 
-3. Generate a DIST file
-
-   ```bash
-   npm run build
-   ```
 ### Step 4. Try out the demo
 
-Open `http://localhost:3000/#/home` in a browser to try out TUIRoom.
-
-Because Element Plus components are imported manually, it may take a relatively long time for the page to load in the development environment for the first time. This will not be an issue after building.
+Open `http://localhost:8080/#/home` in a browser to try out TUIRoomKit.
 
 **Anchor (userId: anchor)**
 
@@ -100,7 +93,7 @@ Because Element Plus components are imported manually, it may take a relatively
 | <img src="https://qcloudimg.tencent-cloud.cn/raw/6e0db32e8497c00221018a80bd7ceaab.png" width="320"/> | <img src="https://qcloudimg.tencent-cloud.cn/raw/c3982208a81f5b0f774c5bfadc6e7b99.png" width="320"/> |
 
 ### Step 5: Production Environment Deployment
-- 1. Generate a DIST file
+- 1. Generate deployment files
 
    ```bash
    npm run build

Web/example/vue2/README.zh.md → Web/example/webpack-vue2.7-ts/README.zh.md

@@ -6,7 +6,7 @@
 
 > 提示：<br>
 > 本示例工程集成 TUIRoomKit 的 npm 包 [@tencentcloud/roomkit-web-vue2.7
-](https://www.npmjs.com/package/@tencentcloud/roomkit-web-vue2.7)。该 npm 包提供了会前预览组件、会中组件以及发起会议、加入会议和界面微调的方法。如需了解更多，请参考 [RoomKit API](https://cloud.tencent.com/document/product/647/81969)。若这些 API 无法满足您的业务需求，您可以参考 [UIKit 源码导出](https://cloud.tencent.com/document/product/647/81965#7076b44f-846d-4b20-90f1-3e2594f20ec3) 方案接入 TUIRoomKit 源码。
+](https://www.npmjs.com/package/@tencentcloud/roomkit-web-vue2.7)。该 npm 包提供了会前预览组件、会中组件以及发起会议、加入会议和界面微调的方法。如需了解更多，请参考 [TUIRoomKit API](https://cloud.tencent.com/document/product/647/81969)。若这些 API 无法满足您的业务需求，您可以参考 [TUIRoomKit 源码导出](https://cloud.tencent.com/document/product/647/81965#7076b44f-846d-4b20-90f1-3e2594f20ec3) 方案接入 TUIRoomKit 源码。
 
 ## 目录结构
 
@@ -30,7 +30,7 @@
 │   ├── shims-tsx.d.ts
 │   ├── shims-vue.d.ts
 │   ├── utils            -- 通用方法
-│   └── views            -- 示例工程页面（包括进房前预览页面及进房后页面）
+│   └── views            -- 示例工程页面（包括进会前预览页面及会中页面）
 ├── tsconfig.json
 └── vue.config.js
 ```
@@ -53,7 +53,7 @@
 ### 第二步：下载源码，配置工程
 
 1. 克隆或者直接下载此仓库源码，**欢迎 Star**，感谢~~
-2. 找到并打开 `Web/example/vue2/src/config/basic-info-config.js` 文件。
+2. 找到并打开 `Web/example/webpack-vue2.7-ts/src/config/basic-info-config.js` 文件。
 3. 配置 `basic-info-config.js` 文件中的相关参数：
 	<img src="https://qcloudimg.tencent-cloud.cn/raw/36fc2cb8a3cc8a90a02d1ab0d9e4ffb7.png" width="900">
 	- SDKAPPID：默认为 0，请设置为步第一步中记录下的 SDKAppID。
@@ -64,7 +64,7 @@
 1. 安装依赖
 
    ```bash
-   cd TUIRoomKit/Web/example/vue2
+   cd TUIRoomKit/Web/example/webpack-vue2.7-ts
    
    npm install
    ```
@@ -78,11 +78,6 @@
    npm run dev
    ```
 
-3. 打包 dist 文件
-
-   ```bash
-   npm run build
-   ```
 ### 第四步：示例体验
 
 开发环境运行示例工程后，在浏览器中打开页面 http://localhost:3000/#/home 即可体验 TUIRoomKit 功能。
@@ -126,4 +121,4 @@ A: 请检查部署的链接是否为 https 协议，出于对用户安全、隐
 
 ## 交流&反馈
 
-如果您在使用过程中有遇到什么问题，欢迎提交 [**issue**](https://github.com/Tencent-RTC/TUIRoomKit/issues)，或者访问 [腾讯云通信官方社群](https://zhiliao.qq.com/) 进行咨询和反馈。
+如果您在使用过程中有遇到什么问题，欢迎提交 [**issue**](https://github.com/Tencent-RTC/TUIRoomKit/issues)，或者访问 [腾讯云通信官方社群](https://zhiliao.qq.com/s/cWSPGIIM62CC/cFUPGIIM62CF) 进行咨询和反馈。