集成 prettier 插件, 新增 npm run lint:prettier 命令

src/module/dropdown/index.vue

@@ -1,45 +1,45 @@
 <script lang="ts">
 export default {
-  name: "LayDropdown"
-}
+  name: "LayDropdown",
+};
 </script>
 
 <script setup lang="ts">
-import { defineProps, provide, ref, watch } from 'vue'
-import { useClickOutside } from '@layui/hooks-vue'
+import { defineProps, provide, ref, watch } from "vue";
+import { useClickOutside } from "@layui/hooks-vue";
 
-const dropdownRef = ref<null | HTMLElement>(null)
-const isClickOutside = useClickOutside(dropdownRef)
+const dropdownRef = ref<null | HTMLElement>(null);
+const isClickOutside = useClickOutside(dropdownRef);
 
 export interface LayDropdownProps {
-    trigger?: string
+  trigger?: string;
 }
 
-const props = withDefaults(defineProps<LayDropdownProps>(),{
-    trigger: 'click',
-})
+const props = withDefaults(defineProps<LayDropdownProps>(), {
+  trigger: "click",
+});
 
-const openState = ref(false)
+const openState = ref(false);
 
 const open = function () {
-  openState.value = true
-}
+  openState.value = true;
+};
 
 const hide = function () {
-  openState.value = false
-}
+  openState.value = false;
+};
 
 const toggle = function () {
-  openState.value = !openState.value
-}
+  openState.value = !openState.value;
+};
 
 watch(isClickOutside, () => {
   if (isClickOutside.value) {
-    openState.value = false
+    openState.value = false;
   }
-})
+});
 
-provide('openState', openState)
+provide("openState", openState);
 
 defineExpose({ open, hide, toggle });
 </script>
@@ -76,4 +76,4 @@ defineExpose({ open, hide, toggle });
       </ul>
     </dl>
   </div>
-</template>
+</template>