From 9dfd5d34d91654b580e745a7d6636bf38c10de35 Mon Sep 17 00:00:00 2001
From: Seviche <me@seviche.cc>
Date: Fri, 24 Mar 2023 21:47:55 +0800
Subject: [PATCH] Change className&mousedown

---
 src/components/Milkdown/Slash.vue                 | 6 +++---
 src/components/Milkdown/Tooltip.vue               | 6 +++---
 src/composables/{quickCommands.ts => commands.ts} | 0
 3 files changed, 6 insertions(+), 6 deletions(-)
 rename src/composables/{quickCommands.ts => commands.ts} (100%)

diff --git a/src/components/Milkdown/Slash.vue b/src/components/Milkdown/Slash.vue
index b566ad5..2df3583 100644
--- a/src/components/Milkdown/Slash.vue
+++ b/src/components/Milkdown/Slash.vue
@@ -3,7 +3,7 @@ import { SlashProvider } from '@milkdown/plugin-slash'
 import { onMounted, onUnmounted, ref, watch } from 'vue'
 import { usePluginViewContext } from '@prosemirror-adapter/vue'
 import type { VNodeRef } from 'vue'
-import { useAddCodeBlock, useToggleBold } from '../../composables/quickCommands'
+import { useAddCodeBlock, useToggleBold } from '../../composables/commands'
 
 let tooltipProvider: SlashProvider
 
@@ -33,8 +33,8 @@ const { toggleBold } = useToggleBold()
 <template>
   <div ref="divRef">
     <button
-      className="text-gray-600 bg-slate-200 px-2 py-1 rounded-lg hover:bg-slate-300 border hover:text-gray-900"
-      @mousedown="addCodeBlock"
+      class="text-gray-600 bg-slate-200 px-2 py-1 rounded-lg hover:bg-slate-300 border hover:text-gray-900"
+      @click="addCodeBlock"
     >
       Code Block
     </button>
diff --git a/src/components/Milkdown/Tooltip.vue b/src/components/Milkdown/Tooltip.vue
index 4b5eae3..4f13e7d 100644
--- a/src/components/Milkdown/Tooltip.vue
+++ b/src/components/Milkdown/Tooltip.vue
@@ -5,7 +5,7 @@ import { usePluginViewContext } from '@prosemirror-adapter/vue'
 import { onMounted, onUnmounted, ref, watch } from 'vue'
 
 import type { VNodeRef } from 'vue'
-import { useAddCodeBlock, useToggleBold } from '../../composables/quickCommands'
+import { useAddCodeBlock, useToggleBold } from '../../composables/commands'
 const { view, prevState } = usePluginViewContext()
 
 const divRef = ref<VNodeRef>()
@@ -41,8 +41,8 @@ const { addCodeBlock } = useAddCodeBlock()
       Bold
     </button>
     <button
-      className="text-gray-600 bg-slate-200 px-2 py-1 rounded-lg hover:bg-slate-300 border hover:text-gray-900"
-      @mousedown="addCodeBlock"
+      class="text-gray-600 bg-slate-200 px-2 py-1 rounded-lg hover:bg-slate-300 border hover:text-gray-900"
+      @click="addCodeBlock"
     >
       Code Block
     </button>
diff --git a/src/composables/quickCommands.ts b/src/composables/commands.ts
similarity index 100%
rename from src/composables/quickCommands.ts
rename to src/composables/commands.ts