update

README.md

@@ -6,15 +6,16 @@ This template should help get you started developing with Vue 3 in WXT.
 
 - [VS Code](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur) + [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin).
 
-* element plus, tailwindcss, wxt, vue
+* element plus, tailwindcss, wxt, vue, axios
 
 ## TODO
 
+* extension icon
 * 统计大小
 * darkmode
 * 支持保存到 tiddlywiki
 * 支持保存到 github
-* 右键菜单
+* 右键菜单实现功能，快捷键提示
 * 日记模式
 * codemirror6
 * 代码拆分组件

entrypoints/background.ts

@@ -9,4 +9,25 @@ export default defineBackground(() => {
       active: true,
     });
   });
+
+  chrome.runtime.onInstalled.addListener(function () {
+    chrome.contextMenus.create({
+      id: 'tiddlywiki',
+      title: '添加到 TiddlyWiki(Ctrl+Shift+F)',
+      contexts: ['all'],
+    });
+  });
+
+  chrome.commands.onCommand.addListener(function (command) {
+    if (command === 'addtiddlywiki') {
+      console.log('yu ');
+      // 处理快捷键被触发时的逻辑
+    }
+  });
+
+  chrome.contextMenus.onClicked.addListener(function (info, tab) {
+    if (info.menuItemId === 'tiddlywiki') {
+      // 处理右键菜单点击事件的逻辑
+    }
+  });
 });

entrypoints/popup/Popup.vue

@@ -7,7 +7,6 @@ import FaRegularEdit from '~icons/fa-regular/edit';
 import FaFileTextO from '~icons/fa/file-text-o';
 // @ts-ignore
 import FaRegularSave from '~icons/fa-regular/save';
-import { ElMessage, ElNotification } from 'element-plus'
 import { ref, } from 'vue';
 import saveMarkdown from '@/utils/saveMarkdown'
 import { html2md, md2html } from '@/utils/parser'
@@ -88,7 +87,6 @@ watch(md, async () => {
           spellcheck="false" class="w-full" />
       </ElTabPane>
 
-
     </ElTabs>
 
   </div>

wxt.config.ts

@@ -30,7 +30,17 @@ export default defineConfig({
     ],
   }),
   manifest: {
+    commands: {
+      addtiddlywiki: {
+        suggested_key: {
+          default: 'Ctrl+Shift+F',
+          mac: 'MacCtrl+Shift+F',
+        },
+        description: '执行我的命令',
+      },
+    },
     permissions: [
+      'contextMenus',
       'alarms',
       'activeTab',
       'contextMenus',