TSLint and Prettier setup for Stencil

.prettierrc

trailingComma: all
semi: true
singleQuote: true
jsxSingleQuote: true
endOfLine: lf
proseWrap: never

package.json

{
  "husky": {
    "hooks": {
      "pre-commit": "lint-staged"
    }
  },
  "lint-staged": {
    "src/**/*.ts?(x)": [
      "tslint --fix",
      "prettier --write",
      "git add"
    ]
  },
  "scripts": {
    "lint": "tslint \"src/**/*.ts?(x)\"",
    "pretty": "prettier --write \"src/**/*.ts?(x)\""
  },
  "devDependencies": {
    "husky": "^1.3.1",
    "lint-staged": "^8.1.0",
    "prettier": "^1.16.1",
    "tslint": "^5.12.1",
    "tslint-config-prettier": "^1.17.0",
    "tslint-stencil": "^1.0.0"
  }
}

tsconfig.json

{
  "compilerOptions": {
    "strict": true,
    "strictPropertyInitialization": false,
    "strictNullChecks": false,
    "declaration": false,
    "downlevelIteration": true,
    "experimentalDecorators": true,
    "esModuleInterop": true,
    "lib": [
      "dom",
      "dom.iterable",
      "es2017"
    ],
    "baseUrl": ".",
    "paths": {
      "@/*": ["src/*"]
    },
    "moduleResolution": "node",
    "module": "esnext",
    "target": "es2017",
    "jsx": "react",
    "jsxFactory": "h"
  },
  "include": [
    "src"
  ],
  "exclude": [
    "node_modules"
  ]
}

tslint.json

{
  "rules": {
    "interface-name": [true, "always-prefix"],
    "max-classes-per-file": false,
    "member-access": false,
    "member-ordering": false,
    "function-constructor": false,
    "no-implicit-dependencies": false,
    "no-namespace": false,
    "no-submodule-imports": false,
    "object-literal-sort-keys": false,
    "no-empty-interface": false,
    "ordered-imports": [true, {
      "import-sources-order": "case-insensitive",
      "named-imports-order": "case-insensitive",
      "grouped-imports": true
    }],
    "lifecycle-order": [true, "call-order"],
    "stencil-method-order": [true, {
      "order": ["hostData", "render"]
    }],
    "component-member-order": [
      true,
      {
        "order": [
          "element",
          "event",
          "internal-prop",
          "prop",
          "watched-prop",
          "state",
          "own-prop",
          "own-method",
          "method",
          "watch",
          "listen",
          "lifecycle",
          "stencil-method"
        ],
        "alphabetical": false
      }
    ]
  },
  "extends": [
    "tslint:latest",
    "tslint-config-prettier",
    "tslint-stencil"
  ]
}