updated editor config

Author: dipaksarkar

.prettierrc.js

@@ -2,7 +2,7 @@ module.exports = {
   trailingComma: 'es5',
   proseWrap: 'always',
   tabWidth: 2,
-  printWidth: 100,
+  printWidth: 120,
   semi: true,
   singleQuote: true,
-};
+}

.vscode/settings.json

@@ -1,4 +1,10 @@
 {
-    "editor.formatOnSave": true,
-    "editor.fontWeight": "normal"
+  "editor.formatOnSave": true,
+  "editor.defaultFormatter": "esbenp.prettier-vscode",
+  "[vue]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[javascript]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  }
 }

docs/.vuepress/components/PlayGround.vue

@@ -109,7 +109,7 @@ export default {
     config: {
       deep: true,
       handler (val) {
-        this.updated = false
+      this.updated = false
         this.$nextTick(() => {
           this.updated = true;
         });

package.json

@@ -65,12 +65,14 @@
     "eslint-plugin-import": "^2.24.2",
     "eslint-plugin-vue": "^7.18.0",
     "jest": "^27.2.0",
+    "prettier-config-vuepress": "^1.4.0",
     "rollup": "^2.56.3",
     "rollup-plugin-filesize": "^9.1.1",
     "rollup-plugin-vue": "^6.0.0",
     "vite-plugin-windicss": "^1.8.1",
     "vue": "^3.0.0",
     "vuepress-vite": "^2.0.0-beta.27",
     "windicss": "^3.5.0"
-  }
+  },
+  "prettier": "prettier-config-vuepress"
 }

yarn.lock

@@ -10873,6 +10873,11 @@ prepend-http@^2.0.0:
   resolved "https://registry.yarnpkg.com/prepend-http/-/prepend-http-2.0.0.tgz#e92434bfa5ea8c19f41cdfd401d741a3c819d897"
   integrity sha1-6SQ0v6XqjBn0HN/UAddBo8gZ2Jc=
 
+prettier-config-vuepress@^1.4.0:
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/prettier-config-vuepress/-/prettier-config-vuepress-1.4.0.tgz#c42cd5cf8cfc1f37033b7d20829f0bd08ab3d8be"
+  integrity sha512-GP/Hfl+L4/0S8QiKWgym6+7HXXilBHDj8O61LiGVHmJASqMFdX9P99r8rBHxK9mTXSd6OYGbBJxxMlz80YDxQQ==
+
 "prettier@^1.18.2 || ^2.0.0":
   version "2.5.1"
   resolved "https://registry.yarnpkg.com/prettier/-/prettier-2.5.1.tgz#fff75fa9d519c54cf0fce328c1017d94546bc56a"