feat: support manifest-v3

rewrite the project using TypeScript+Vue3

Author: dragonish

.browserslistrc

@@ -23,8 +23,3 @@ pnpm-debug.log*
 *.njsproj
 *.sln
 *.sw?
-
-# file
-jsconfig.json
-tsconfig.json
-vetur.config.js

.cz-config.js

@@ -0,0 +1,6 @@
+module.exports = {
+  ui: 'bdd',
+  spec: ['test/**/**.spec.ts'],
+  import: 'tsx',
+  require: 'jsdom-global/register',
+};

.env.chrome

@@ -5,27 +5,15 @@
       "type": "json"
     },
     {
-      "filename": "./src/manifest/chrome/manifest.production.json",
+      "filename": "./src/manifest/chrome/manifest.json",
       "type": "json"
     },
     {
-      "filename": "./src/manifest/chrome/manifest.development.json",
+      "filename": "./src/manifest/firefox/manifest.json",
       "type": "json"
     },
     {
-      "filename": "./src/manifest/firefox/manifest.production.json",
-      "type": "json"
-    },
-    {
-      "filename": "./src/manifest/firefox/manifest.development.json",
-      "type": "json"
-    },
-    {
-      "filename": "./src/manifest/edge/manifest.production.json",
-      "type": "json"
-    },
-    {
-      "filename": "./src/manifest/edge/manifest.development.json",
+      "filename": "./src/manifest/edge/manifest.json",
       "type": "json"
     }
   ]

.env.chromezip

@@ -27,36 +27,30 @@ Go to the [Microsoft Edge Addons](https://microsoftedge.microsoft.com/addons/det
 
 ### Environment
 
-- Install [Node.js](https://nodejs.org/) 8.9 and above (_new version has integrated npm_)
+- Install [Node.js](https://nodejs.org/) 20
 
 ### Initialization
 
 ```bash
-# Install Vue CLI
-npm install @vue/cli -g
+# Install pnpm
+npm install -g pnpm
 
 # Installation dependency
-npm install
+pnpm install
 ```
 
 ### Build
 
-- Build the Chrome version: `npm run build-chrome`
-- Build the Firefox version: `npm run build-firefox`
-- Build the Edge version: `npm run build-edge`
+- Build the Chrome version: `pnpm run build:c`
+- Build the Firefox version: `pnpm run build:f`
+- Build the Edge version: `pnpm run build:e`
 
 ### Related
 
-- Package configuration is located in `vue.config.js`
+- Package configuration is located in `vite.config.ts`
 - Extension source code is in the `src` directory
 - Without changing the configuration, all files and folders in the `src/assets` directory will be automatically copied to the root directory when packaging
 
-## Thanks
-
-- [zloirock/core-js](https://github.com/zloirock/core-js)
-- [ElemeFE/element](https://github.com/ElemeFE/element)
-- [vuejs/vue](https://github.com/vuejs/vue)
-
 ## Licence
 
 [MIT](/LICENSE) License

.env.edge

@@ -27,38 +27,30 @@
 
 ### 环境需求
 
-- 安装 [Node.js](https://nodejs.org/) 8.9 及以上 (_新版本已集成 npm，若您的网络环境不佳，推荐安装使用 [cnpm](https://github.com/cnpm/cnpm)_)
+- 安装 [Node.js](https://nodejs.org/) 20
 
 ### 初始化指令
 
 ```bash
-# 安装 Vue CLI
-npm install @vue/cli -g
+# 安装 pnpm
+npm install -g pnpm
 
 # 安装依赖
-npm install
+pnpm install
 ```
 
 ### 构建指令
 
-- 构建 chrome 版本: `npm run build-chrome`
-- 构建 firefox 版本: `npm run build-firefox`
-- 构建 edge 版本: `npm run build-edge`
+- 构建 chrome 版本: `npm run build:c`
+- 构建 firefox 版本: `npm run build:f`
+- 构建 edge 版本: `npm run build:e`
 
 ### 相关目录及文件
 
-- 与打包相关的配置位于 `vue.config.js` 文件中
+- 与打包相关的配置位于 `vite.config.ts` 文件中
 - 扩展程序源代码位于 `src` 目录中
 - 未改动配置的情况下，`src/assets` 目录下所有文件及文件夹在打包时会自动复制到项目根目录
 
-## 致谢
-
-本项目基于以下开源项目进行构建：
-
-- [zloirock/core-js](https://github.com/zloirock/core-js)
-- [ElemeFE/element](https://github.com/ElemeFE/element)
-- [vuejs/vue](https://github.com/vuejs/vue)
-
 ## 许可证
 
 [MIT](/LICENSE) License

.env.edgezip

@@ -0,0 +1,9 @@
+/* eslint-disable */
+/* prettier-ignore */
+// @ts-nocheck
+// noinspection JSUnusedGlobalSymbols
+// Generated by unplugin-auto-import
+export {}
+declare global {
+
+}