feat: ✨ use prettier to enhance fmt function

adab38b5 · wuyudi · ninecents · 41c03d0e · adab38b5 · adab38b5
4 changed file
--- a/package-lock.json
+++ b/package-lock.json
@@ -308,10 +308,9 @@
            }
        },
        "@babel/parser": {
-            "version": "7.13.15",
-            "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.13.15.tgz",
-            "integrity": "sha512-b9COtcAlVEQljy/9fbcMHpG+UIW9ReF+gpaxDHTlZd0c6/UU9ng8zdySAW9sRTzpvcdCHn6bUcbuYUgGzLAWVQ==",
-            "dev": true
+            "version": "7.15.8",
+            "resolved": "https://registry.npmmirror.com/@babel/parser/download/@babel/parser-7.15.8.tgz",
+            "integrity": "sha1-e6zcvnG9w/+TbVEMFdzqfPC5kBY="
        },
        "@babel/plugin-proposal-async-generator-functions": {
            "version": "7.13.15",
@@ -917,12 +916,37 @@
                "glob-to-regexp": "^0.3.0"
            }
        },
+        "@nodelib/fs.scandir": {
+            "version": "2.1.5",
+            "resolved": "https://registry.nlark.com/@nodelib/fs.scandir/download/@nodelib/fs.scandir-2.1.5.tgz",
+            "integrity": "sha1-dhnC6yGyVIP20WdUi0z9WnSIw9U=",
+            "requires": {
+                "@nodelib/fs.stat": "2.0.5",
+                "run-parallel": "^1.1.9"
+            },
+            "dependencies": {
+                "@nodelib/fs.stat": {
+                    "version": "2.0.5",
+                    "resolved": "https://registry.nlark.com/@nodelib/fs.stat/download/@nodelib/fs.stat-2.0.5.tgz",
+                    "integrity": "sha1-W9Jir5Tp0lvR5xsF3u1Eh2oiLos="
+                }
+            }
+        },
        "@nodelib/fs.stat": {
            "version": "1.1.3",
            "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-1.1.3.tgz",
            "integrity": "sha512-shAmDyaQC4H92APFoIaVDHCx5bStIocgvbwQyxPRrbUY20V1EYTbSDchWbuwlMG3V17cprZhA6+78JfB+3DTPw==",
            "dev": true
        },
+        "@nodelib/fs.walk": {
+            "version": "1.2.8",
+            "resolved": "https://registry.nlark.com/@nodelib/fs.walk/download/@nodelib/fs.walk-1.2.8.tgz?cache=0&sync_timestamp=1625769815389&other_urls=https%3A%2F%2Fregistry.nlark.com%2F%40nodelib%2Ffs.walk%2Fdownload%2F%40nodelib%2Ffs.walk-1.2.8.tgz",
+            "integrity": "sha1-6Vc36LtnRt3t9pxVaVNJTxlv5po=",
+            "requires": {
+                "@nodelib/fs.scandir": "2.1.5",
+                "fastq": "^1.6.0"
+            }
+        },
        "@soda/friendly-errors-webpack-plugin": {
            "version": "1.8.0",
            "resolved": "https://registry.npmjs.org/@soda/friendly-errors-webpack-plugin/-/friendly-errors-webpack-plugin-1.8.0.tgz",
@@ -975,6 +999,168 @@
            "integrity": "sha512-1HcDas8SEj4z1Wc696tH56G8OlRaH/sqZOynNNB+HF0WOeXPaxTtbYzJY2oEfiUxjSKjhCKr+MvR7dCHcEelug==",
            "dev": true
        },
+        "@typescript-eslint/types": {
+            "version": "5.0.0",
+            "resolved": "https://registry.npmmirror.com/@typescript-eslint/types/download/@typescript-eslint/types-5.0.0.tgz?cache=0&sync_timestamp=1634194521672&other_urls=https%3A%2F%2Fregistry.npmmirror.com%2F%40typescript-eslint%2Ftypes%2Fdownload%2F%40typescript-eslint%2Ftypes-5.0.0.tgz",
+            "integrity": "sha1-Jdk/bSabLSX9xRoEB+uBzLpg6w8="
+        },
+        "@typescript-eslint/typescript-estree": {
+            "version": "5.0.0",
+            "resolved": "https://registry.npmmirror.com/@typescript-eslint/typescript-estree/download/@typescript-eslint/typescript-estree-5.0.0.tgz?cache=0&sync_timestamp=1634194524662&other_urls=https%3A%2F%2Fregistry.npmmirror.com%2F%40typescript-eslint%2Ftypescript-estree%2Fdownload%2F%40typescript-eslint%2Ftypescript-estree-5.0.0.tgz",
+            "integrity": "sha1-vCD0E8blcscwnb5fo74CeYSVKvM=",
+            "requires": {
+                "@typescript-eslint/types": "5.0.0",
+                "@typescript-eslint/visitor-keys": "5.0.0",
+                "debug": "^4.3.1",
+                "globby": "^11.0.3",
+                "is-glob": "^4.0.1",
+                "semver": "^7.3.5",
+                "tsutils": "^3.21.0"
+            },
+            "dependencies": {
+                "@nodelib/fs.stat": {
+                    "version": "2.0.5",
+                    "resolved": "https://registry.nlark.com/@nodelib/fs.stat/download/@nodelib/fs.stat-2.0.5.tgz",
+                    "integrity": "sha1-W9Jir5Tp0lvR5xsF3u1Eh2oiLos="
+                },
+                "array-union": {
+                    "version": "2.1.0",
+                    "resolved": "https://registry.npm.taobao.org/array-union/download/array-union-2.1.0.tgz",
+                    "integrity": "sha1-t5hCCtvrHego2ErNii4j0+/oXo0="
+                },
+                "braces": {
+                    "version": "3.0.2",
+                    "resolved": "https://registry.npm.taobao.org/braces/download/braces-3.0.2.tgz",
+                    "integrity": "sha1-NFThpGLujVmeI23zNs2epPiv4Qc=",
+                    "requires": {
+                        "fill-range": "^7.0.1"
+                    }
+                },
+                "dir-glob": {
+                    "version": "3.0.1",
+                    "resolved": "https://registry.npm.taobao.org/dir-glob/download/dir-glob-3.0.1.tgz",
+                    "integrity": "sha1-Vtv3PZkqSpO6FYT0U0Bj/S5BcX8=",
+                    "requires": {
+                        "path-type": "^4.0.0"
+                    }
+                },
+                "fast-glob": {
+                    "version": "3.2.7",
+                    "resolved": "https://registry.nlark.com/fast-glob/download/fast-glob-3.2.7.tgz",
+                    "integrity": "sha1-/Wy3otfpqnp4RhEehaGW1rL3ZqE=",
+                    "requires": {
+                        "@nodelib/fs.stat": "^2.0.2",
+                        "@nodelib/fs.walk": "^1.2.3",
+                        "glob-parent": "^5.1.2",
+                        "merge2": "^1.3.0",
+                        "micromatch": "^4.0.4"
+                    }
+                },
+                "fill-range": {
+                    "version": "7.0.1",
+                    "resolved": "https://registry.npm.taobao.org/fill-range/download/fill-range-7.0.1.tgz",
+                    "integrity": "sha1-GRmmp8df44ssfHflGYU12prN2kA=",
+                    "requires": {
+                        "to-regex-range": "^5.0.1"
+                    }
+                },
+                "glob-parent": {
+                    "version": "5.1.2",
+                    "resolved": "https://registry.npmmirror.com/glob-parent/download/glob-parent-5.1.2.tgz?cache=0&sync_timestamp=1632954501757&other_urls=https%3A%2F%2Fregistry.npmmirror.com%2Fglob-parent%2Fdownload%2Fglob-parent-5.1.2.tgz",
+                    "integrity": "sha1-hpgyxYA0/mikCTwX3BXoNA2EAcQ=",
+                    "requires": {
+                        "is-glob": "^4.0.1"
+                    }
+                },
+                "globby": {
+                    "version": "11.0.4",
+                    "resolved": "https://registry.nlark.com/globby/download/globby-11.0.4.tgz",
+                    "integrity": "sha1-LLr/d8Lypi5x6bKBOme5ejowAaU=",
+                    "requires": {
+                        "array-union": "^2.1.0",
+                        "dir-glob": "^3.0.1",
+                        "fast-glob": "^3.1.1",
+                        "ignore": "^5.1.4",
+                        "merge2": "^1.3.0",
+                        "slash": "^3.0.0"
+                    }
+                },
+                "ignore": {
+                    "version": "5.1.8",
+                    "resolved": "https://registry.nlark.com/ignore/download/ignore-5.1.8.tgz?cache=0&sync_timestamp=1622604501784&other_urls=https%3A%2F%2Fregistry.nlark.com%2Fignore%2Fdownload%2Fignore-5.1.8.tgz",
+                    "integrity": "sha1-8VCotQo0KJsz4i9YiavU2AFvDlc="
+                },
+                "is-number": {
+                    "version": "7.0.0",
+                    "resolved": "https://registry.nlark.com/is-number/download/is-number-7.0.0.tgz",
+                    "integrity": "sha1-dTU0W4lnNNX4DE0GxQlVUnoU8Ss="
+                },
+                "lru-cache": {
+                    "version": "6.0.0",
+                    "resolved": "https://registry.npm.taobao.org/lru-cache/download/lru-cache-6.0.0.tgz?cache=0&sync_timestamp=1615982572805&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Flru-cache%2Fdownload%2Flru-cache-6.0.0.tgz",
+                    "integrity": "sha1-bW/mVw69lqr5D8rR2vo7JWbbOpQ=",
+                    "requires": {
+                        "yallist": "^4.0.0"
+                    }
+                },
+                "micromatch": {
+                    "version": "4.0.4",
+                    "resolved": "https://registry.npm.taobao.org/micromatch/download/micromatch-4.0.4.tgz?cache=0&sync_timestamp=1618054787196&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fmicromatch%2Fdownload%2Fmicromatch-4.0.4.tgz",
+                    "integrity": "sha1-iW1Rnf6dsl/OlM63pQCRm/iB6/k=",
+                    "requires": {
+                        "braces": "^3.0.1",
+                        "picomatch": "^2.2.3"
+                    }
+                },
+                "path-type": {
+                    "version": "4.0.0",
+                    "resolved": "https://registry.npm.taobao.org/path-type/download/path-type-4.0.0.tgz",
+                    "integrity": "sha1-hO0BwKe6OAr+CdkKjBgNzZ0DBDs="
+                },
+                "semver": {
+                    "version": "7.3.5",
+                    "resolved": "https://registry.npm.taobao.org/semver/download/semver-7.3.5.tgz?cache=0&sync_timestamp=1616463641178&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fsemver%2Fdownload%2Fsemver-7.3.5.tgz",
+                    "integrity": "sha1-C2Ich5NI2JmOSw5L6Us/EuYBjvc=",
+                    "requires": {
+                        "lru-cache": "^6.0.0"
+                    }
+                },
+                "slash": {
+                    "version": "3.0.0",
+                    "resolved": "https://registry.npm.taobao.org/slash/download/slash-3.0.0.tgz?cache=0&sync_timestamp=1618384496016&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fslash%2Fdownload%2Fslash-3.0.0.tgz",
+                    "integrity": "sha1-ZTm+hwwWWtvVJAIg2+Nh8bxNRjQ="
+                },
+                "to-regex-range": {
+                    "version": "5.0.1",
+                    "resolved": "https://registry.npm.taobao.org/to-regex-range/download/to-regex-range-5.0.1.tgz",
+                    "integrity": "sha1-FkjESq58jZiKMmAY7XL1tN0DkuQ=",
+                    "requires": {
+                        "is-number": "^7.0.0"
+                    }
+                },
+                "yallist": {
+                    "version": "4.0.0",
+                    "resolved": "https://registry.nlark.com/yallist/download/yallist-4.0.0.tgz",
+                    "integrity": "sha1-m7knkNnA7/7GO+c1GeEaNQGaOnI="
+                }
+            }
+        },
+        "@typescript-eslint/visitor-keys": {
+            "version": "5.0.0",
+            "resolved": "https://registry.npmmirror.com/@typescript-eslint/visitor-keys/download/@typescript-eslint/visitor-keys-5.0.0.tgz?cache=0&sync_timestamp=1634194518763&other_urls=https%3A%2F%2Fregistry.npmmirror.com%2F%40typescript-eslint%2Fvisitor-keys%2Fdownload%2F%40typescript-eslint%2Fvisitor-keys-5.0.0.tgz",
+            "integrity": "sha1-t4n3zRBeWb7lwJg6NTlCpaSPVt8=",
+            "requires": {
+                "@typescript-eslint/types": "5.0.0",
+                "eslint-visitor-keys": "^3.0.0"
+            },
+            "dependencies": {
+                "eslint-visitor-keys": {
+                    "version": "3.0.0",
+                    "resolved": "https://registry.nlark.com/eslint-visitor-keys/download/eslint-visitor-keys-3.0.0.tgz",
+                    "integrity": "sha1-4y6Zxs3C6wY/IE7aXbZ7/li7QYY="
+                }
+            }
+        },
        "@vue/babel-helper-vue-jsx-merge-props": {
            "version": "1.2.1",
            "resolved": "https://registry.npmjs.org/@vue/babel-helper-vue-jsx-merge-props/-/babel-helper-vue-jsx-merge-props-1.2.1.tgz",
@@ -1594,6 +1780,13 @@
                        "yallist": "^2.1.2"
                    }
                },
+                "prettier": {
+                    "version": "1.19.1",
+                    "resolved": "https://registry.nlark.com/prettier/download/prettier-1.19.1.tgz?cache=0&sync_timestamp=1631777194110&other_urls=https%3A%2F%2Fregistry.nlark.com%2Fprettier%2Fdownload%2Fprettier-1.19.1.tgz",
+                    "integrity": "sha1-99f1/4qc2HKnvkyhQglZVqYHl8s=",
+                    "dev": true,
+                    "optional": true
+                },
                "source-map": {
                    "version": "0.6.1",
                    "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
@@ -1876,6 +2069,14 @@
            "integrity": "sha1-l6ERlkmyEa0zaR2fn0hqjsn74KM=",
            "dev": true
        },
+        "angular-html-parser": {
+            "version": "1.8.0",
+            "resolved": "https://registry.npmmirror.com/angular-html-parser/download/angular-html-parser-1.8.0.tgz",
+            "integrity": "sha1-vTFbdOgGkTWgRpAgeMc9lZ0cxRw=",
+            "requires": {
+                "tslib": "^1.9.3"
+            }
+        },
        "ansi-colors": {
            "version": "3.2.4",
            "resolved": "https://registry.npmjs.org/ansi-colors/-/ansi-colors-3.2.4.tgz",
@@ -3994,7 +4195,6 @@
            "version": "4.3.1",
            "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.1.tgz",
            "integrity": "sha512-doEwdvm4PCeK4K3RQN2ZC2BYUBaxwLARCqZmMjtF8a51J2Rb0xpVloFRnCODwqjpwnAoao4pelN8l3RJdv3gRQ==",
-            "dev": true,
            "requires": {
                "ms": "2.1.2"
            }
@@ -5167,6 +5367,14 @@
            "integrity": "sha512-483XLLxTVIwWK3QTrMGRqUfUpoOs/0hbQrl2oz4J0pAcm3A3bu84wxTFqGqkJzewCLdME38xJLJAxBABfQT8sQ==",
            "dev": true
        },
+        "fastq": {
+            "version": "1.13.0",
+            "resolved": "https://registry.nlark.com/fastq/download/fastq-1.13.0.tgz",
+            "integrity": "sha1-YWdg+Ip1Jr38WWt8q4wYk4w2uYw=",
+            "requires": {
+                "reusify": "^1.0.4"
+            }
+        },
        "faye-websocket": {
            "version": "0.11.3",
            "resolved": "https://registry.npmjs.org/faye-websocket/-/faye-websocket-0.11.3.tgz",
@@ -6468,8 +6676,7 @@
        "is-extglob": {
            "version": "2.1.1",
            "resolved": "http://registry.npm.taobao.org/is-extglob/download/is-extglob-2.1.1.tgz",
-            "integrity": "sha1-qIwCU1eR8C7TfHahueqXc8gz+MI=",
-            "dev": true
+            "integrity": "sha1-qIwCU1eR8C7TfHahueqXc8gz+MI="
        },
        "is-fullwidth-code-point": {
            "version": "2.0.0",
@@ -6480,7 +6687,6 @@
            "version": "4.0.1",
            "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.1.tgz",
            "integrity": "sha512-5G0tKtBTFImOqDnLB2hG6Bp2qcKEFduo4tZu9MT/H6NQv/ghhy30o55ufafxJ/LdH79LLs2Kfrn85TLKyA7BUg==",
-            "dev": true,
            "requires": {
                "is-extglob": "^2.1.1"
            }
@@ -7383,8 +7589,7 @@
        "merge2": {
            "version": "1.4.1",
            "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
-            "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==",
-            "dev": true
+            "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg=="
        },
        "methods": {
            "version": "1.1.2",
@@ -7595,8 +7800,7 @@
        "ms": {
            "version": "2.1.2",
            "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
-            "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
-            "dev": true
+            "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w=="
        },
        "multicast-dns": {
            "version": "6.2.3",
@@ -8448,9 +8652,7 @@
        "picomatch": {
            "version": "2.2.3",
            "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.2.3.tgz",
-            "integrity": "sha512-KpELjfwcCDUb9PeigTs2mBJzXUPzAuP2oPcA989He8Rte0+YUAjw1JVedDhuTKPkHjSYzMN3npC9luThGYEKdg==",
-            "dev": true,
-            "optional": true
+            "integrity": "sha512-KpELjfwcCDUb9PeigTs2mBJzXUPzAuP2oPcA989He8Rte0+YUAjw1JVedDhuTKPkHjSYzMN3npC9luThGYEKdg=="
        },
        "pify": {
            "version": "4.0.1",
@@ -8680,6 +8882,11 @@
                "postcss": "^7.0.0"
            }
        },
+        "postcss-less": {
+            "version": "5.0.0",
+            "resolved": "https://registry.nlark.com/postcss-less/download/postcss-less-5.0.0.tgz?cache=0&sync_timestamp=1627346587136&other_urls=https%3A%2F%2Fregistry.nlark.com%2Fpostcss-less%2Fdownload%2Fpostcss-less-5.0.0.tgz",
+            "integrity": "sha1-P6Nh7Y5SqcPm5P25u5X9kDLzxis="
+        },
        "postcss-load-config": {
            "version": "2.1.2",
            "resolved": "https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-2.1.2.tgz",
@@ -9182,6 +9389,11 @@
                }
            }
        },
+        "postcss-scss": {
+            "version": "4.0.1",
+            "resolved": "https://registry.npmmirror.com/postcss-scss/download/postcss-scss-4.0.1.tgz",
+            "integrity": "sha1-b1gn9EV9rDX8xaCz3lZs+zd9sec="
+        },
        "postcss-selector-parser": {
            "version": "6.0.5",
            "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.5.tgz",
@@ -9241,11 +9453,9 @@
            "dev": true
        },
        "prettier": {
-            "version": "1.19.1",
-            "resolved": "https://registry.npmjs.org/prettier/-/prettier-1.19.1.tgz",
-            "integrity": "sha512-s7PoyDv/II1ObgQunCbB9PdLmUcBZcnWOcxDh7O0N/UwDEsHyqkW+Qh28jW+mVuCdx7gLB0BotYI1Y6uI9iyew==",
-            "dev": true,
-            "optional": true
+            "version": "2.4.1",
+            "resolved": "https://registry.nlark.com/prettier/download/prettier-2.4.1.tgz?cache=0&sync_timestamp=1631777194110&other_urls=https%3A%2F%2Fregistry.nlark.com%2Fprettier%2Fdownload%2Fprettier-2.4.1.tgz",
+            "integrity": "sha1-Zx4RyJwUpM/Ids5WQQbEpnJsn1w="
        },
        "pretty-error": {
            "version": "2.1.2",
@@ -9525,6 +9735,11 @@
            "integrity": "sha512-FIqgj2EUvTa7R50u0rGsyTftzjYmv/a3hO345bZNrqabNqjtgiDMgmo4mkUjd+nzU5oF3dClKqFIPUKybUyqoQ==",
            "dev": true
        },
+        "queue-microtask": {
+            "version": "1.2.3",
+            "resolved": "https://registry.npm.taobao.org/queue-microtask/download/queue-microtask-1.2.3.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fqueue-microtask%2Fdownload%2Fqueue-microtask-1.2.3.tgz",
+            "integrity": "sha1-SSkii7xyTfrEPg77BYyve2z7YkM="
+        },
        "randombytes": {
            "version": "2.1.0",
            "resolved": "https://registry.npmjs.org/randombytes/-/randombytes-2.1.0.tgz",
@@ -9936,6 +10151,11 @@
            "integrity": "sha1-G0KmJmoh8HQh0bC1S33BZ7AcATs=",
            "dev": true
        },
+        "reusify": {
+            "version": "1.0.4",
+            "resolved": "https://registry.npm.taobao.org/reusify/download/reusify-1.0.4.tgz",
+            "integrity": "sha1-kNo4Kx4SbvwCFG6QhFqI2xKSXXY="
+        },
        "rgb-regex": {
            "version": "1.0.1",
            "resolved": "https://registry.npm.taobao.org/rgb-regex/download/rgb-regex-1.0.1.tgz",
@@ -9973,6 +10193,14 @@
            "integrity": "sha512-tvVnVv01b8c1RrA6Ep7JkStj85Guv/YrMcwqYQnwjsAS2cTmmPGBBjAjpCW7RrSodNSoE2/qg9O4bceNvUuDgQ==",
            "dev": true
        },
+        "run-parallel": {
+            "version": "1.2.0",
+            "resolved": "https://registry.npm.taobao.org/run-parallel/download/run-parallel-1.2.0.tgz",
+            "integrity": "sha1-ZtE2jae9+SHrnZW9GpIp5/IaQ+4=",
+            "requires": {
+                "queue-microtask": "^1.2.2"
+            }
+        },
        "run-queue": {
            "version": "1.0.3",
            "resolved": "https://registry.npm.taobao.org/run-queue/download/run-queue-1.0.3.tgz",
@@ -11442,8 +11670,15 @@
        "tslib": {
            "version": "1.14.1",
            "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz",
-            "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==",
-            "dev": true
+            "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg=="
+        },
+        "tsutils": {
+            "version": "3.21.0",
+            "resolved": "https://registry.npm.taobao.org/tsutils/download/tsutils-3.21.0.tgz",
+            "integrity": "sha1-tIcX05TOpsHglpg+7Vjp1hcVtiM=",
+            "requires": {
+                "tslib": "^1.8.1"
+            }
        },
        "tty-browserify": {
            "version": "0.0.0",

--- a/package.json
+++ b/package.json
@@ -8,6 +8,9 @@
        "lint": "vue-cli-service lint"
    },
    "dependencies": {
+        "@babel/parser": "^7.15.8",
+        "@typescript-eslint/typescript-estree": "^5.0.0",
+        "angular-html-parser": "^1.8.0",
        "axios": "^0.21.4",
        "babel-runtime": "^6.26.0",
        "code-formatter": "0.0.1",
@@ -30,6 +33,9 @@
        "moment": "^2.29.1",
        "php-array-reader": "^1.3.0",
        "phparr": "^0.2.0",
+        "postcss-less": "^5.0.0",
+        "postcss-scss": "^4.0.1",
+        "prettier": "^2.4.1",
        "properties-to-json": "^0.1.7",
        "qrcode": "^1.4.4",
        "qrcode-parser": "^1.2.0",

--- a/src/views/tool/code.vue
+++ b/src/views/tool/code.vue
 <template>
  <div>
-        <div style="border: 1px solid #dcdee2;border-radius: 4px;">
-            <codemirror ref="code" v-model="current.content" :options="options"></codemirror>
+    <div style="border: 1px solid #dcdee2; border-radius: 4px">
+      <codemirror
+        ref="code"
+        v-model="current.content"
+        :options="options"
+      ></codemirror>
    </div>
    <option-block>
      <FormItem>
        <ButtonGroup>
-                    <Button type="primary" @click="handle(k,v)" v-for="(v,k) in lang" :key="k">{{ k }}</Button>
+          <Button
+            type="primary"
+            @click="handle(k, v)"
+            v-for="(v, k) in lang"
+            :key="k"
+            >{{ k }}</Button
+          >
        </ButtonGroup>
      </FormItem>
      <FormItem>
@@ -16,53 +26,57 @@
  </div>
 </template>
 <script>
-import {codemirror} from 'vue-codemirror'
-import formatter from './library/formatter'
-import 'codemirror/lib/codemirror.css'
-import 'codemirror/mode/javascript/javascript.js'
-import 'codemirror/mode/htmlmixed/htmlmixed.js'
-import 'codemirror/mode/css/css.js'
-import 'codemirror/mode/xml/xml.js'
-import 'codemirror/mode/sql/sql.js'
-import 'codemirror/addon/fold/foldcode.js'
-import 'codemirror/addon/fold/foldgutter.js'
-import 'codemirror/addon/fold/brace-fold.js'
-import 'codemirror/addon/fold/comment-fold.js'
-import 'codemirror/addon/fold/foldgutter.css'
+import { codemirror } from "vue-codemirror";
+import formatter from "./library/formatter";
+import "codemirror/lib/codemirror.css";
+import "codemirror/mode/javascript/javascript.js";
+import "codemirror/mode/htmlmixed/htmlmixed.js";
+import "codemirror/mode/css/css.js";
+import "codemirror/mode/xml/xml.js";
+import "codemirror/mode/sql/sql.js";
+import "codemirror/addon/fold/foldcode.js";
+import "codemirror/addon/fold/foldgutter.js";
+import "codemirror/addon/fold/brace-fold.js";
+import "codemirror/addon/fold/comment-fold.js";
+import "codemirror/addon/fold/foldgutter.css";

 export default {
  components: {
    codemirror,
  },
  created() {
-        this.current = Object.assign(this.current, this.$getToolData('content'))
+    this.current = Object.assign(this.current, this.$getToolData("content"));
  },
  mounted() {
-        this.codemirror.setSize(null, 350)
+    this.codemirror.setSize(null, 350);
    if (this.current.lang) {
-            this.codemirror.setOption('mode', this.options[this.current.lang])
+      this.codemirror.setOption("mode", this.options[this.current.lang]);
    }
  },
  computed: {
    codemirror() {
-            return this.$refs.code.codemirror
+      return this.$refs.code.codemirror;
    },
  },
  methods: {
    handle(lang, mode) {
      if (this.current.content) {
-                this.current.content = formatter(this.current.content, lang, this.current.isCompress)
-                this.codemirror.setOption('mode', mode)
-                this.current.lang = lang
-                this.$saveToolData(this.current)
+        this.current.content = formatter(
+          this.current.content,
+          lang,
+          this.current.isCompress
+        );
+        this.codemirror.setOption("mode", mode);
+        this.current.lang = lang;
+        this.$saveToolData(this.current);
      }
    },
  },
  data() {
    return {
      current: {
-                content: '',
-                lang: '',
+        content: "",
+        lang: "",
        isCompress: false,
      },
      options: {
@@ -71,16 +85,24 @@ export default {
        lineWrapping: false,
        foldGutter: true,
        indentUnit: 4,
-                gutters: ['CodeMirror-linenumbers', 'CodeMirror-foldgutter'],
+        gutters: ["CodeMirror-linenumbers", "CodeMirror-foldgutter"],
      },
      lang: {
-                'js': 'text/javascript',
-                'html': 'text/html',
-                'css': 'text/css',
-                'xml': 'application/xml',
-                'sql': 'text/x-mysql',
+        js: "text/javascript",
+        ts: "text/typescript",
+        css: "text/css",
+        scss: "text/scss",
+        less: "text/less",
+        json5: "text/json5",
+        graphql: "text/graphql",
+        markdown: "text/markdown",
+        html: "text/html",
+        xml: "application/xml",
+        sql: "text/x-mysql",
+        vue: "text/vue",
+        angular: "text/angular",
      },
-        }
+    };
  },
-}
+};
 </script>
\ No newline at end of file
--- a/src/views/tool/library/formatter.js
+++ b/src/views/tool/library/formatter.js
-import codeFormatter from 'code-formatter'
-import xmlFormatter from "xml-formatter"
-
+import codeFormatter from "code-formatter";
+import xmlFormatter from "xml-formatter";
+import prettier from "prettier/standalone";
+import parser from "prettier/parser-babel";
+import parserTypeScript from "prettier/parser-typescript";
+import parserGraphql from "prettier/parser-graphql";
+import parserMarkdown from "prettier/parser-markdown";
+import parserCss from "prettier/parser-postcss";
+import parserYaml from "prettier/parser-yaml";
+import parserHtml from "prettier/parser-html";
+import parserJson5 from "prettier/parser-babel";
+//https://github.com/prettier/prettier/issues/6264#issuecomment-507535391
+const options = {
+  js: { parser: "babel", plugins: [parser] },
+  ts: { parser: "typescript", plugins: [parserTypeScript] },
+  vue: { parser: "vue", plugins: [parserHtml] },
+  graphql: { parser: "graphql", plugins: [parserGraphql] },
+  markdown: { parser: "markdown", plugins: [parserMarkdown] },
+  css: { parser: "css", plugins: [parserCss] },
+  less: { parser: "less", plugins: [parserCss] },
+  scss: { parser: "scss", plugins: [parserCss] },
+  yaml: { parser: "yaml", plugins: [parserYaml] },
+  html: { parser: "html", plugins: [parserHtml] },
+  angular: { parser: "angular", plugins: [parserHtml] },
+  json5: { parser: "json5", plugins: [parserJson5] },
+};
 export default (code, type, isCompress = false) => {
  if (type === "xml") {
    return xmlFormatter(code, {
-            indentation: isCompress ? '' : '  ',
+      indentation: isCompress ? "" : "  ",
      collapseContent: true,
-            lineSeparator: isCompress ? '' : '\n'
+      lineSeparator: isCompress ? "" : "\n",
    });
-    }
+  } else if (type === "sql") {
    return codeFormatter(code, {
-        method: isCompress ? type + "min" : type
-    })
-}
\ No newline at end of file
+      method: isCompress ? type + "min" : type,
+    });
+  } else {
+    return prettier.format(code, options[type]);
+  }
+};