feat(usePluginEnter): ✨增加usePluginEnter

Author: DaYePython

src/App.vue

@@ -8,20 +8,13 @@
     <NButton @click="theme = null">浅色</NButton> -->
 </template>
 <script setup lang="ts">
-import { onMounted, computed } from "vue";
 import { darkTheme } from "naive-ui";
-import { BuiltInGlobalTheme } from "naive-ui/lib/themes/interface";
+import usePluginEnter from "./composables/usePluginEnter";
 const isDark = ref(false);
-const theme = computed<BuiltInGlobalTheme | null>(() => {
+const theme = computed<typeof darkTheme | null>(() => {
     return isDark.value ? darkTheme : null
 })
-let utools = null;
-onMounted(() => {
-    if (window["utools"]) {
-        utools = window["utools"];
-        utools.onPluginEnter(() => {
-            isDark.value = utools.isDarkColors();
-        });
-    }
+usePluginEnter(()=> {
+    isDark.value = window?.utools.isDarkColors()
 })
 </script>

src/components/home.vue

@@ -64,6 +64,7 @@
 </template>
 <script setup lang="ts">
 import {  useMessage} from "naive-ui";
+import usePluginEnter from "src/composables/usePluginEnter";
 const message = useMessage();
 
 const { ctrl_alt } = useMagicKeys();
@@ -81,7 +82,7 @@ const handleCopy = async () => {
     await copy(content);
     message.success("复制成功");
     nextTick(() => {
-        utools && utools.hideMainWindow();
+        utools.value?.hideMainWindow();
     });
 };
 // https://github.com/conventional-changelog/commitlint/blob/master/%40commitlint/config-conventional/index.js
@@ -186,12 +187,11 @@ const handleClear = () => {
     body.value = "";
     type.value = typeOptions.value[0].value;
 };
-let utools = null;
-onMounted(() => {
-    if (window["utools"]) {
-        utools = window["utools"];
-    }
-});
+const utools = ref<UToolsApi | null>(null);
+
+usePluginEnter(() => {
+    utools.value = window?.utools
+})
 
 </script>
 <style scoped>

src/composables/usePluginEnter.ts

@@ -0,0 +1,15 @@
+export interface IPluginEnterAction {
+  code: string;
+  type: string;
+  payload: any;
+}
+
+export default function usePluginEnter(
+  hook: (action: IPluginEnterAction) => unknown
+) {
+  onMounted(() => {
+    window?.utools.onPluginEnter((action) => {
+      return hook(action);
+    });
+  });
+}