update no-async-in-computed-properties

Author: mysticatea

docs/rules/no-async-in-computed-properties.md

@@ -9,53 +9,53 @@ If you need async computed properties you might want to consider using additiona
 
 This rule is aimed at preventing asynchronous methods from being called in computed properties.
 
-:-1: Examples of **incorrect** code for this rule:
-
-```js
-computed: {
-  pro () {
-    return Promise.all([new Promise((resolve, reject) => {})])
-  },
-  foo: async function () {
-    return await someFunc()
-  },
-  bar () {
-    return fetch(url).then(response => {})
-  },
-  tim () {
-    setTimeout(() => { }, 0)
-  },
-  inter () {
-    setInterval(() => { }, 0)
-  },
-  anim () {
-    requestAnimationFrame(() => {})
-  }
-}
+<eslint-code-block :rules="{'vue/no-async-in-computed-properties': ['error']}">
 ```
+<script>
+export default {
+  computed: {
+    /* ✓ GOOD */
+    foo () {
+      var bar = 0
+      try {
+        bar = bar / this.a
+      } catch (e) {
+        return 0
+      } finally {
+        return bar
+      }
+    },
 
-:+1: Examples of **correct** code for this rule:
-
-```js
-computed: {
-  foo () {
-    var bar = 0
-    try {
-      bar = bar / this.a
-    } catch (e) {
-      return 0
-    } finally {
-      return bar
+    /* ✗ BAD */
+    pro () {
+      return Promise.all([new Promise((resolve, reject) => {})])
+    },
+    foo1: async function () {
+      return await someFunc()
+    },
+    bar () {
+      return fetch(url).then(response => {})
+    },
+    tim () {
+      setTimeout(() => { }, 0)
+    },
+    inter () {
+      setInterval(() => { }, 0)
+    },
+    anim () {
+      requestAnimationFrame(() => {})
     }
   }
 }
+</script>
 ```
+</eslint-code-block>
 
 ## :wrench: Options
 
 Nothing.
 
-## Related links
+## :books: Further reading
 
 - [vue-async-computed](https://github.com/foxbenjaminfox/vue-async-computed)