Merge branch 'master' into 3850-new-set-methods

# Conflicts:
#	.github/workflows/coveralls.yml

.github/workflows/coveralls.yml

@@ -28,6 +28,6 @@ jobs:
  run: yarn coverage
 
  - name: Upload to coveralls
- uses: coverallsapp/github-action@v2.2.3
+ uses: coverallsapp/github-action@v2.3.0 
  with:
  github-token: ${{ secrets.GITHUB_TOKEN }}

docs/installation.md

@@ -35,22 +35,29 @@ When using MobX with TypeScript or Babel, and you plan to use classes; make sure
 - **Babel**: Make sure to use at least version 7.12, with the following configuration:
  ```json
  {
- // Babel < 7.13.0
- "plugins": [["@babel/plugin-proposal-class-properties", { "loose": false }]],
-
- // Babel >= 7.13.0 (https://babeljs.io/docs/en/assumptions)
- "plugins": [["@babel/plugin-proposal-class-properties"]],
- "assumptions": {
- "setPublicClassFields": false
+ // Babel < 7.13.0
+ "plugins": [["@babel/plugin-proposal-class-properties", { "loose": false }]],
+
+ // Babel >= 7.13.0 (https://babeljs.io/docs/en/assumptions)
+ "plugins": [["@babel/plugin-proposal-class-properties"]],
+ "assumptions": {
+ "setPublicClassFields": false
+ }
  }
- }
- ```
-For verification insert this piece of code at the beginning of your sources (eg. `index.js`)
+ ```
+
+ For verification insert this piece of code at the beginning of your sources (eg. `index.js`)
+
 ```javascript
-if (!new class { x }().hasOwnProperty('x')) throw new Error('Transpiler is not configured correctly');
+if (
+ !new (class {
+ x
+ })().hasOwnProperty("x")
+)
+ throw new Error("Transpiler is not configured correctly")
 ```
 
-Note that for Next.js you must [customize Babel](https://nextjs.org/docs/advanced-features/customizing-babel-config) instead of TypeScript, even if your project is set up to use TypeScript. 
+Note that for Next.js you must [customize Babel](https://nextjs.org/docs/advanced-features/customizing-babel-config) instead of TypeScript, even if your project is set up to use TypeScript.
 
 ## MobX on older JavaScript environments
 

packages/mobx/CHANGELOG.md

@@ -1396,7 +1396,7 @@ A deprecation message will now be printed if creating computed properties while
 
 ```javascript
 const x = observable({
- computedProp: function() {
+ computedProp: function () {
  return someComputation
  }
 })
@@ -1421,7 +1421,7 @@ or alternatively:
 
 ```javascript
 observable({
- computedProp: computed(function() {
+ computedProp: computed(function () {
  return someComputation
  })
 })
@@ -1439,7 +1439,7 @@ N.B. If you want to introduce actions on an observable that modify its state, us
 ```javascript
 observable({
  counter: 0,
- increment: action(function() {
+ increment: action(function () {
  this.counter++
  })
 })
@@ -1565,10 +1565,10 @@ function Square() {
  extendObservable(this, {
  length: 2,
  squared: computed(
- function() {
+ function () {
  return this.squared * this.squared
  },
- function(surfaceSize) {
+ function (surfaceSize) {
  this.length = Math.sqrt(surfaceSize)
  }
  )