chore: pass lint & format code

package.json

@@ -1,7 +1,7 @@
 {
   "name": "vue3-vant4-mobile",
   "private": true,
-  "version": "0.0.1",
+  "version": "0.0.2",
   "author": {
     "name": "xiangshu233",
     "email": "xiangshu233@outlook.com",
@@ -19,8 +19,9 @@
     "preview": "vite preview",
     "clean:cache": "rimraf node_modules/.cache/ && rimraf node_modules/.vite",
     "clean:lib": "rimraf node_modules",
+    "lint": "eslint --fix \"./src/**/*.{js,jsx,ts,tsx,vue}\"",
     "lint:lint-staged": "lint-staged",
-    "lint:eslint": "eslint \"{src}/**/*.{vue,ts,tsx}\" --fix",
+    "lint:eslint": "eslint \"./src/**/*.{vue,ts,tsx}\" --fix",
     "lint:prettier": "prettier --write --loglevel warn \"src/**/*.{js,json,tsx,css,less,scss,vue,html,md}\"",
     "lint:stylelint": "stylelint --fix \"**/*.{vue,less,postcss,css,scss}\" --cache --cache-location node_modules/.cache/stylelint/",
     "prepare": "husky install"
@@ -103,9 +104,9 @@
     "pnpm": ">=7"
   },
   "lint-staged": {
-    "*.{js,jsx,ts,tsx}": [
+    "*.{js,jsx,ts,tsx,vue}": [
-      "eslint --fix",
+      "npm run lint",
-      "prettier --write"
+      "git add"
     ],
     "{!(package)*.json,*.code-snippets,.!(browserslist)*rc}": [
       "prettier --write--parser json"

prettier.config.js

@@ -8,7 +8,6 @@ module.exports = {
   quoteProps: 'as-needed',
   bracketSpacing: true,
   trailingComma: 'es5',
-  jsxBracketSameLine: false,
   jsxSingleQuote: false,
   arrowParens: 'always',
   insertPragma: false,

src/styles/common.less

@@ -11,7 +11,6 @@ html {
 }
 
 [data-theme='dark'] {
-
   &,
   * {
     color-scheme: dark !important;
@@ -24,7 +23,6 @@ html {
 }
 
 [data-theme='light'] {
-
   &,
   * {
     color-scheme: light !important;

src/views/login/Login.vue

@@ -24,6 +24,7 @@
   :deep(.van-field__left-icon) {
     display: flex;
   }
+
   :deep(.van-field__right-icon) {
     display: flex;
   }

src/views/login/LoginWave.vue

@@ -52,12 +52,23 @@
 </script>
 
 <style scoped lang="less">
+  @keyframes move-forever {
+    0% {
+      transform: translate3d(-90px, 0, 0);
+    }
+
+    100% {
+      transform: translate3d(85px, 0, 0);
+    }
+  }
+
   .wave-wrapper {
     position: fixed;
     width: 100%;
     left: 0;
     bottom: 0;
   }
+
   .ignore-waves {
     position: relative;
     display: block;
@@ -92,14 +103,4 @@
     animation-delay: -5s;
     animation-duration: 16s;
   }
-
-  @keyframes move-forever {
-    0% {
-      transform: translate3d(-90px, 0, 0);
-    }
-
-    100% {
-      transform: translate3d(85px, 0, 0);
-    }
-  }
 </style>

src/views/my/EditUserInfo.vue

@@ -167,9 +167,11 @@
     width: 140px;
     height: 140px;
   }
+
   .cover {
     width: 170px;
     height: 100px;
+
     :deep(.van-image__img) {
       border-radius: 10px !important;
     }

src/views/my/index.vue

@@ -100,6 +100,7 @@
   .my-bg {
     clip-path: inset(0 -55% 0 -55% round 0 0 100% 100%);
     background-size: cover;
+
     &::after {
       content: '';
       position: absolute;
@@ -111,12 +112,15 @@
       opacity: 0.9;
     }
   }
+
   .van-cell {
     align-items: center;
     background: transparent;
+
     &:active {
       background-color: var(--van-cell-active-color);
     }
+
     .xicon {
       margin-right: 10px;
     }

src/views/welcome/index.vue

@@ -48,16 +48,16 @@
   import { useGlobSetting } from '@/hooks/setting';
   import { useRouter } from 'vue-router';
 
-  import { updateDarkSign } from '@/theme';
+  // import { updateDarkSign } from '@/theme';
 
-  const getDarkMode = computed({
+  // const getDarkMode = computed({
-    get: () => designStore.getDarkMode === 'dark',
+  //   get: () => designStore.getDarkMode === 'dark',
-    set: (value) => {
+  //   set: (value) => {
-      const darkMode = value ? 'dark' : 'light';
+  //     const darkMode = value ? 'dark' : 'light';
-      updateDarkSign(darkMode);
+  //     updateDarkSign(darkMode);
-      designStore.setDarkMode(darkMode);
+  //     designStore.setDarkMode(darkMode);
-    },
+  //   },
-  });
+  // });
 
   const designStore = useDesignSettingStore();
   const globSetting = useGlobSetting();
@@ -92,11 +92,13 @@
     min-height: 50vh;
     max-width: 45vh;
     min-width: 30vh;
+
     .wel-top {
       display: flex;
       align-items: center;
       flex-direction: column;
     }
+
     .wel-bottom {
       display: flex;
       align-items: center;