Update Prettier config and code style

.prettierrc.cjs

@@ -1,6 +1,6 @@
 module.exports = {
   singleQuote: true, // 使用单引号
-  printWidth: 100,
+  printWidth: 160,
   tabWidth: 2,
   useTabs: false,
   semi: false,
@@ -13,5 +13,5 @@ module.exports = {
   trailingComma: 'es5',
   proseWrap: 'never',
   htmlWhitespaceSensitivity: 'strict',
-  endOfLine: 'auto'
+  endOfLine: 'auto',
-}
+}

.vscode/settings.json

@@ -1,5 +1,5 @@
-{
+// {
-  "editor.formatOnSave": true,
+//   "editor.formatOnSave": true,
-  "editor.defaultFormatter": "esbenp.prettier-vscode",
+//   "editor.defaultFormatter": "esbenp.prettier-vscode",
-  "prettier.configPath": "./.prettierrc"
+//   "prettier.configPath": "../.prettierrc",
-}
+// }

package.json

@@ -33,8 +33,10 @@
   "devDependencies": {
     "@element-plus/nuxt": "^1.1.4",
     "@pinia-plugin-persistedstate/nuxt": "^1.2.1",
+    "@types/prettier": "^3.0.0",
     "@unocss/nuxt": "^66.4.2",
     "element-plus": "^2.10.7",
+    "prettier": "3.6.2",
     "sass": "^1.90.0",
     "unocss": "^66.4.2"
   }

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
+      <img src="~/assets/images/voice.png" alt="" srcset="" class="mr-10px h-15px w-16px" />
-        src="~/assets/images/voice.png"
+      <Vue3Marquee :duration="10" direction="normal" pause-on-hover>
-        alt=""
+        · 经典来袭，SolidWorks装配经典案例之气动发动机
-        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 { reactive, ref } from 'vue'
-import LoginForm from "./LoginForm.vue";
+  import LoginForm from './LoginForm.vue'
-import { Vue3Marquee } from "vue3-marquee";
+  import { Vue3Marquee } from 'vue3-marquee'
 
-import { getSettingPage } from "~/api/home/index";
+  import { getSettingPage } from '~/api/home/index'
 
-const pageReq = reactive({
+  const pageReq = reactive({
-  type: 1,
+    type: 1,
-  status: 0,
+    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);
+  const handleClick = (url: string) => {
-  return res.data;
+    if (url) {
-});
+      navigateTo(url)
-
+    }
-const handleClick = (url: string) => {
-  if (url) {
-    navigateTo(url);
   }
-};
 </script>
 
 <style scoped lang="scss">
-.main-content {
+  .main-content {
-  flex: 1;
+    flex: 1;
-}
+  }
 </style>

yarn.lock

@@ -1796,6 +1796,13 @@
   dependencies:
     parse-path "*"
 
+"@types/prettier@^3.0.0":
+  version "3.0.0"
+  resolved "https://registry.npmmirror.com/@types/prettier/-/prettier-3.0.0.tgz#e9bc8160230d3a461dab5c5b41cceef1ef723057"
+  integrity sha512-mFMBfMOz8QxhYVbuINtswBp9VL2b4Y0QqYHwqLz3YbgtfAcat2Dl6Y1o4e22S/OVE6Ebl9m7wWiMT2lSbAs1wA==
+  dependencies:
+    prettier "*"
+
 "@types/readable-stream@^4.0.0", "@types/readable-stream@^4.0.21":
   version "4.0.21"
   resolved "https://registry.npmmirror.com/@types/readable-stream/-/readable-stream-4.0.21.tgz"
@@ -5742,6 +5749,11 @@ precinct@^12.0.0:
     postcss "^8.5.1"
     typescript "^5.7.3"
 
+prettier@*, prettier@3.6.2:
+  version "3.6.2"
+  resolved "https://registry.npmmirror.com/prettier/-/prettier-3.6.2.tgz#ccda02a1003ebbb2bfda6f83a074978f608b9393"
+  integrity sha512-I7AIg5boAr5R0FFtJ6rCfD+LFsWHp81dolrFD8S79U9tb8Az2nGrJncnMSnys+bpQJfRUzqs9hnA81OAA3hCuQ==
+
 pretty-bytes@^6.1.1:
   version "6.1.1"
   resolved "https://registry.npmmirror.com/pretty-bytes/-/pretty-bytes-6.1.1.tgz"