feat: 增加一键清除功能

package.json

@@ -2,7 +2,7 @@
   "name": "chat-gpt-prompts",
   "description": "一个 chat-gpt 的 chrome 插件，用来帮助用户存储、收集一些调教 gpt 的语料",
   "private": true,
-  "version": "1.0.0",
+  "version": "1.0.1",
   "license": "MIT",
   "scripts": {
     "dev": "vite",

src/manifest.json

@@ -2,7 +2,7 @@
   "manifest_version": 3,
   "name": "chat-gpt-prompts",
   "description": "一个 chat-gpt 的 chrome 插件，用来帮助用户存储、收集一些调教 gpt 的语料",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "action": {
     "default_popup": "src/popup/index.html",
     "default_icon": {

src/popup/PopupComponent.vue

@@ -16,7 +16,11 @@
         /></el-icon>
       </div>
 
-      <HandleResource :visible="showAdd" @add-item="addItem" />
+      <HandleResource
+        :visible="showAdd"
+        @add-item="addItem"
+        @clear="clearStore"
+      />
     </section>
     <div class="blank"></div>
 
@@ -86,6 +90,10 @@ function remove(item: string) {
   store.remove(item);
 }
 
+function clearStore() {
+  store.clear();
+}
+
 function onClick(item: string) {
   autoFill(item);
 }

src/popup/components/HandleResource.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="handle-resource" v-show="visible">
-    <div class="add-item">
+    <div class="operation-item add-item">
       <el-input
         v-model="textarea"
         :rows="1"
@@ -10,14 +10,17 @@
       />
       <el-button class="add" type="primary" @click="addItem">增加</el-button>
     </div>
-    <el-button class="go-link">
+    <el-button class="operation-item go-link">
       去
       <OpenLink
         link="https://github.com/PlexPt/awesome-chatgpt-prompts-zh#readme"
         content="ChatGPT 中文调教指南"
       />
       页面抓取
     </el-button>
+    <el-button class="operation-item" type="danger" @click="$emit('clear')"
+      >清除全部数据</el-button
+    >
   </div>
 </template>
 
@@ -29,6 +32,7 @@ import OpenLink from './OpenLink.vue';
 defineProps<{ visible: boolean }>();
 const emits = defineEmits<{
   (event: 'add-item', content: string): void;
+  (event: 'clear'): void;
 }>();
 
 const textarea = ref('');
@@ -42,7 +46,13 @@ function addItem() {
 .handle-resource {
   display: flex;
   flex-direction: column;
+  margin: 0 10px;
 }
+
+.operation-item {
+  margin-top: 5px;
+}
+
 .add-item {
   width: 100%;
   display: flex;
@@ -53,7 +63,6 @@ function addItem() {
 }
 
 .go-link {
-  margin-top: 5px;
   display: flex;
   justify-content: center;
 }

src/popup/store.ts

@@ -30,5 +30,9 @@ export const useLocalStore = () => {
     }
   }
 
-  return { add, remove, arr };
+  function clear() {
+    arr.splice(0, arr.length);
+  }
+
+  return { add, remove, clear, arr };
 };

src/popup/style.css

@@ -5,3 +5,7 @@ body {
   color: #000;
   background-color: #f7f8fa;
 }
+
+.el-button + .el-button {
+  margin-left: 0;
+}