Prettier config

.editorconfig

@@ -9,6 +9,7 @@ end_of_line = lf
 charset = utf-8
 trim_trailing_whitespace = true
 insert_final_newline = true
+max_line_length = 120
 
 [*.{js,ts}]
 block_comment_start = /**

.eslintrc.yaml

@@ -13,21 +13,21 @@ env:
   browser: true
   es2021: true
 
-parser: "@typescript-eslint/parser"
+parser: '@typescript-eslint/parser'
 parserOptions:
   ecmaVersion: 2021
   sourceType: module
 
 plugins:
-  - "@typescript-eslint"
+  - '@typescript-eslint'
   - import
   - wc
 
 settings:
   import/resolver:
     typescript:
       alwaysTryTypes: true
-      project: "package/*/tsconfig.json"
+      project: 'package/*/tsconfig.json'
   wc:
     elementBaseClasses:
       - LitElement
@@ -45,18 +45,18 @@ rules:
   new-cap:
     - error
     - capIsNewExceptionPattern: 'Mixin$'
-  "@typescript-eslint/explicit-function-return-type": error
-  "import/order":
+  '@typescript-eslint/explicit-function-return-type': error
+  'import/order':
     - error
     - groups:
-        - "builtin"
-        - "external"
-        - "internal"
-        - - "parent"
-          - "sibling"
-          - "index"
-        - "type"
-      "newlines-between": "always"
+        - 'builtin'
+        - 'external'
+        - 'internal'
+        - - 'parent'
+          - 'sibling'
+          - 'index'
+        - 'type'
+      'newlines-between': 'always'
       alphabetize:
         order: asc
         caseInsensitive: true

.prettierrc.json

@@ -0,0 +1,4 @@
+{
+  "singleQuote": true,
+  "bracketSpacing": false
+}

package.json

@@ -15,12 +15,18 @@
     "cb": "npm-run-all --sequential clean build",
     "s": "yarn serve:dev",
     "w": "yarn watch",
+    "f": "yarn format",
+    "fl": "yarn format:eslint",
+    "fp": "yarn format:prettier",
     "pm": "npm-run-all --sequential clean build ver-minor publish",
     "pp": "npm-run-all --sequential clean build ver-patch publish",
     "lint": "npm-run-all --sequential lint:*",
     "lint:ts": "eslint **/*.ts",
     "build": "npm-run-all --sequential build:ts && lerna run build",
     "build:ts": "tsc --build",
+    "format": "npm-run-all --sequential format:prettier format:eslint",
+    "format:eslint": "eslint **/*.ts --fix",
+    "format:prettier": "prettier \"**/*.{html,json,md,ts}\" --ignore-path ./.eslintignore --write",
     "clean": "yarn build:ts --clean && lerna exec \"rm -rf dist node_modules\" && find package -name '*.js' -type f -delete && find package -name '*.d.ts' -type f -delete && find package -name '*.map' -type f -delete",
     "serve:dev": "web-dev-server --config dev-server.mjs",
     "watch": "npm-run-all --parallel watch:* serve:dev",
@@ -40,6 +46,7 @@
     "eslint-plugin-wc": "^1.3.2",
     "lerna": "^4.0.0",
     "npm-run-all": "^4.1.5",
+    "prettier": "^2.6.2",
     "ts-lit-plugin": "^1.2.1",
     "typescript": "^4.6.3"
   }

yarn.lock

@@ -5134,6 +5134,11 @@ prelude-ls@^1.2.1:
   resolved "https://registry.yarnpkg.com/prelude-ls/-/prelude-ls-1.2.1.tgz#debc6489d7a6e6b0e7611888cec880337d316396"
   integrity sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==
 
+prettier@^2.6.2:
+  version "2.6.2"
+  resolved "https://registry.yarnpkg.com/prettier/-/prettier-2.6.2.tgz#e26d71a18a74c3d0f0597f55f01fb6c06c206032"
+  integrity sha512-PkUpF+qoXTqhOeWL9fu7As8LXsIUZ1WYaJiY/a7McAQzxjk82OF0tibkFXVCDImZtWxbvojFjerkiLb0/q8mew==
+
 process-nextick-args@~2.0.0:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/process-nextick-args/-/process-nextick-args-2.0.1.tgz#7820d9b16120cc55ca9ae7792680ae7dba6d7fe2"