Update Prettier config and code style

pages/home/components/MainContent.vue

@@ -20,46 +20,40 @@
     <div
       class="box-border h-56px w-1219px flex items-center border border-[#EEEEEE] border-solid border-t-none bg-[#FFFFFF] pl-10px line-height-46px"
     >
-      <img
-        src="~/assets/images/voice.png"
-        alt=""
-        srcset=""
-        class="mr-10px h-15px w-16px"
-      />
-      <Vue3Marquee :duration="10" direction="normal" pause-on-hover
-        >· 经典来袭，SolidWorks装配经典案例之气动发动机
+      <img src="~/assets/images/voice.png" alt="" srcset="" class="mr-10px h-15px w-16px" />
+      <Vue3Marquee :duration="10" direction="normal" pause-on-hover>
+        · 经典来袭，SolidWorks装配经典案例之气动发动机
       </Vue3Marquee>
     </div>
   </div>
 </template>
 
 <script setup lang="ts">
-import { reactive, ref } from "vue";
-import LoginForm from "./LoginForm.vue";
-import { Vue3Marquee } from "vue3-marquee";
+  import { reactive, ref } from 'vue'
+  import LoginForm from './LoginForm.vue'
+  import { Vue3Marquee } from 'vue3-marquee'
 
-import { getSettingPage } from "~/api/home/index";
+  import { getSettingPage } from '~/api/home/index'
 
-const pageReq = reactive({
-  type: 1,
-  status: 0,
-});
+  const pageReq = reactive({
+    type: 1,
+    status: 0,
+  })
 
-const { data: bannerList } = useAsyncData("get-setting-Page-main-content", async () => {
+  const { data: bannerList } = useAsyncData('get-setting-Page-main-content', async () => {
+    const res = await getSettingPage(pageReq)
+    return res.data
+  })
 
-  const res = await getSettingPage(pageReq);
-  return res.data;
-});
-
-const handleClick = (url: string) => {
-  if (url) {
-    navigateTo(url);
+  const handleClick = (url: string) => {
+    if (url) {
+      navigateTo(url)
+    }
   }
-};
 </script>
 
 <style scoped lang="scss">
-.main-content {
-  flex: 1;
-}
+  .main-content {
+    flex: 1;
+  }
 </style>