feat: 使用prettierrc对代码进行格式化

web/src/view/layout/search/search.vue

@@ -6,10 +6,7 @@
       @click="handleReload"
     />
     <Screenfull class="search-icon" />
-    <div
-      class="gvaIcon gvaIcon-customer-service"
-      @click="toService"
-    />
+    <div class="gvaIcon gvaIcon-customer-service" @click="toService" />
     <el-switch
       v-model="isDark"
       :active-action-icon="Moon"
@@ -20,85 +17,82 @@
 </template>
 
 <script setup>
-import Screenfull from '@/view/layout/screenfull/index.vue'
-import { emitter } from '@/utils/bus.js'
-import  { Sunny, Moon } from '@element-plus/icons-vue'
-import { ref, watchEffect } from 'vue'
+  import Screenfull from '@/view/layout/screenfull/index.vue'
+  import { emitter } from '@/utils/bus.js'
+  import { Sunny, Moon } from '@element-plus/icons-vue'
+  import { ref, watchEffect } from 'vue'
 
-defineOptions({
-  name: 'BtnBox',
-})
-const isDark = ref(localStorage.getItem('isDark') === 'true' || true )
+  defineOptions({
+    name: 'BtnBox'
+  })
+  const isDark = ref(localStorage.getItem('isDark') === 'true' || true)
 
-watchEffect(() =>{
-  if (isDark.value) {
-    document.documentElement.classList.add('dark')
-    localStorage.setItem('isDark', true)
-  } else {
-    document.documentElement.classList.remove('dark')
-    localStorage.setItem('isDark', false)
+  watchEffect(() => {
+    if (isDark.value) {
+      document.documentElement.classList.add('dark')
+      localStorage.setItem('isDark', true)
+    } else {
+      document.documentElement.classList.remove('dark')
+      localStorage.setItem('isDark', false)
+    }
+  })
+  const reload = ref(false)
+  const handleReload = () => {
+    reload.value = true
+    emitter.emit('reload')
+    setTimeout(() => {
+      reload.value = false
+    }, 500)
+  }
+  const toService = () => {
+    window.open('https://support.qq.com/product/371961')
   }
-})
-const reload = ref(false)
-const handleReload = () => {
-  reload.value = true
-  emitter.emit('reload')
-  setTimeout(() => {
-    reload.value = false
-  }, 500)
-}
-const toService = () => {
-  window.open('https://support.qq.com/product/371961')
-}
-
-const handleDarkSwitch = (e) =>{
- isDark.value = e
-}
 
+  const handleDarkSwitch = (e) => {
+    isDark.value = e
+  }
 </script>
 <style scoped lang="scss">
-
-.search-component {
-  @apply inline-flex overflow-hidden text-center gap-5 mr-5 text-black dark:text-gray-100;
-  div{
-    @apply cursor-pointer;
-  }
-  .el-input__inner {
-    @apply border-b border-solid border-gray-300;
-  }
-  .el-dropdown-link {
-    @apply cursor-pointer;
-  }
-}
-
-.reload {
-  font-size: 18px;
-}
-
-.reloading{
-  animation:turn 0.5s linear infinite;
-}
-
-@keyframes turn {
-  0% {
-    transform: rotate(0deg);
+  .search-component {
+    @apply inline-flex overflow-hidden text-center gap-5 mr-5 text-black dark:text-gray-100;
+    div {
+      @apply cursor-pointer;
+    }
+    .el-input__inner {
+      @apply border-b border-solid border-gray-300;
+    }
+    .el-dropdown-link {
+      @apply cursor-pointer;
+    }
   }
 
-  25% {
-    transform: rotate(90deg);
+  .reload {
+    font-size: 18px;
   }
 
-  50% {
-    transform: rotate(180deg);
+  .reloading {
+    animation: turn 0.5s linear infinite;
   }
 
-  75% {
-    transform: rotate(270deg);
-  }
+  @keyframes turn {
+    0% {
+      transform: rotate(0deg);
+    }
 
-  100% {
-    transform: rotate(360deg);
-  }
-}
+    25% {
+      transform: rotate(90deg);
+    }
 
+    50% {
+      transform: rotate(180deg);
+    }
+
+    75% {
+      transform: rotate(270deg);
+    }
+
+    100% {
+      transform: rotate(360deg);
+    }
+  }
 </style>