Fixed no-deprecated-data-object-declaration demo

vuejs · Apr 22, 2020 · 9d559b2 · 9d559b2
1 parent bf75496
commit 9d559b2
Showing 1 changed file with 30 additions and 12 deletions.
diff --git a/docs/rules/no-deprecated-data-object-declaration.md b/docs/rules/no-deprecated-data-object-declaration.md
@@ -15,37 +15,55 @@ description: disallow using deprecated object declaration on data (in Vue.js 3.0
 This rule reports use of deprecated object declaration on `data` property (in Vue.js 3.0.0+).
 The different from `vue/no-shared-component-data` is the root instance being also disallowed.
 
-<eslint-code-block fix :rules="{'vue/no-deprecated-data-object-declaration': ['error']}">
+<eslint-code-block fix :rules="{'vue/no-deprecated-data-object-declaration': ['error']}" language="javascript" filename="example.js">
 
-```vue
-<script>
-/* ✗ BAD */
+```js
 createApp({
+  /* ✗ BAD */
   data: {
     foo: null
   }
 }).mount('#app')
+
+createApp({
+  /* ✓ GOOD */
+  data () {
+    return {
+      foo: null
+    }
+  }
+}).mount('#app')
+```
+
+</eslint-code-block>
+
+<eslint-code-block fix :rules="{'vue/no-deprecated-data-object-declaration': ['error']}">
+
+```vue
+<script>
 export default {
+  /* ✗ BAD */
   data: {
     foo: null
   }
 }
+</script>
+```
 
-/* ✓ GOOD */
+</eslint-code-block>
+
+<eslint-code-block fix :rules="{'vue/no-deprecated-data-object-declaration': ['error']}">
+
+```vue
+<script>
 export default {
+  /* ✓ GOOD */
   data () {
     return {
       foo: null
     }
   }
 }
-createApp({
-  data () {
-    return {
-      foo: null
-    }
-  }
-}).mount('#app')
 </script>
 ```