feat: fix el-link (doocs#520)

* feat: fix el-link
* feat: no tabs permission need

Author: honwhy

package.json

@@ -16,6 +16,8 @@
     "release:cli": "node ./scripts/release.js",
     "ext:dev": "wxt",
     "ext:zip": "wxt zip",
+    "firefox:dev": "wxt -b firefox",
+    "firefox:zip": "wxt zip -b firefox",
     "lint": "eslint . --fix",
     "type-check": "vue-tsc --build --force",
     "postinstall": "simple-git-hooks && wxt prepare"

src/entrypoints/popup/App.vue

@@ -27,19 +27,18 @@ function onOpenOption() {
       <div>如果您希望使用微信公众号素材库作为图床功能，需要进行以下配置：</div>
       <div>
         1.开启公众号开发者模式
-        <span><el-link
-          type="primary"
+        <span><a
           href="https://developers.weixin.qq.com/doc/offiaccount/Getting_Started/Getting_Started_Guide.html"
           target="_blank"
-        >查看文档</el-link></span>
+        >查看文档</a></span>
       </div>
       <div>
-        2.配置IP白名单<span><el-link type="primary" href="https://mpmd.pages.dev/tutorial" target="_blank">使用教程</el-link></span>
+        2.配置IP白名单<span><a href="https://mpmd.pages.dev/tutorial" target="_blank">使用教程</a></span>
       </div>
       <div>
-        <el-link type="primary" href="#" @click="onOpenOption">
+        <button class="button" @click="onOpenOption">
           开始使用
-        </el-link>
+        </button>
       </div>
     </section>
   </div>
@@ -61,4 +60,13 @@ function onOpenOption() {
   margin-left: auto;
   font-size: 14px;
 }
+.button {
+  padding: 2px 6px;
+  background: #07c060;
+  color: #fff;
+  border-radius: 4px;
+}
+section a {
+  text-decoration: underline;
+}
 </style>

wxt.config.ts

@@ -7,8 +7,7 @@ export default defineConfig({
   extensionApi: `chrome`,
   manifest: {
     name: `公众号内容编辑器`,
-    description: `一款高度简洁的微信 Markdown 编辑器：支持 Markdown 语法、色盘取色、多图上传、一键下载文档、自定义 CSS 样式、一键重置等特性`,
-    version: `0.0.7`,
+    description: `一款高度简洁的微信 Markdown 编辑器：支持 Markdown 语法、色盘取色、多图上传、一键下载文档、自定义 CSS 样式、一键重置、微信公众号图床等特性`,
     icons: {
       256: `/mpmd/icon-256.png`,
     },