feat: 添加prettier格式化代码

src/components/miaoMask.vue

@@ -1,55 +1,61 @@
 <template>
-  <transition name="transition">
-    <div class="mask-body" ref="maskBodyRef" v-show="showMask">
-        <slot></slot>
-    </div>
-  </transition>
+   <transition name="transition">
+      <div
+         class="mask-body"
+         ref="maskBodyRef"
+         v-show="showMask"
+      >
+         <slot></slot>
+      </div>
+   </transition>
 </template>
 <script lang="ts" setup>
-import { ref } from 'vue';
+import { ref } from 'vue'
 
 const maskBodyRef = ref<HTMLDivElement>()
 
-const showMask = defineModel<boolean | number>('show', { default: false, required: true })
-
+const showMask = defineModel<boolean | number>('show', {
+   default: false,
+   required: true
+})
 </script>
 <style lang="scss" scoped>
 .mask-body {
-  height: 100%;
-  width: 100%;
-  position: absolute;
-  top: 0;
-  left: 0;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  background-color: rgba(0, 0, 0, 0.3);
-  z-index: 7058214053994319;
+   height: 100%;
+   width: 100%;
+   position: absolute;
+   top: 0;
+   left: 0;
+   display: flex;
+   justify-content: center;
+   align-items: center;
+   background-color: rgba(0, 0, 0, 0.3);
+   z-index: 7058214053994319;
 
-  // &-container {
+   // &-container {
 
-  // }
+   // }
 
-  &-show {
-    display: flex;
-    transition: opacity 0.3s 0.01s;
-    opacity: 1;
-  }
+   &-show {
+      display: flex;
+      transition: opacity 0.3s 0.01s;
+      opacity: 1;
+   }
 
-  &-hide {
-    opacity: 0;
-    transition: display 0.01s 0.3s;
-    display: none;
-  }
+   &-hide {
+      opacity: 0;
+      transition: display 0.01s 0.3s;
+      display: none;
+   }
 }
 
 .transition-enter-active,
 .transition-leave-active {
-  transition: opacity 0.3s ease;
+   transition: opacity 0.3s ease;
 }
 
 .transition-enter-from,
 .transition-leave-to {
-  opacity: 0;
+   opacity: 0;
 }
 </style>