fixed doc

Author: ota-meshi

docs/rules/valid-v-bind-sync.md

@@ -21,6 +21,15 @@ This rule reports `.sync` modifier on `v-bind` directives in the following cases
 ```vue
 <template>
   <!-- ✓ GOOD -->
+  <MyComponent v-bind:aaa.sync="foo"/>
+  <MyComponent :aaa.sync="foo"/>
+
+  <div v-for="todo in todos">
+    <MyComponent v-bind:aaa.sync="todo.name"/>
+    <MyComponent :aaa.sync="todo.name"/>
+  </div>
+
+  <!-- ✗ BAD -->
   <MyComponent v-bind:aaa.sync="foo + bar" />
   <MyComponent :aaa.sync="foo + bar" />
 
@@ -31,15 +40,6 @@ This rule reports `.sync` modifier on `v-bind` directives in the following cases
     <MyComponent v-bind:aaa.sync="todo" />
     <MyComponent :aaa.sync="todo" />
   </div>
-
-  <!-- ✗ BAD -->
-  <MyComponent v-bind:aaa.sync="foo"/>
-  <MyComponent :aaa.sync="foo"/>
-
-  <div v-for="todo in todos">
-    <MyComponent v-bind:aaa.sync="todo.name"/>
-    <MyComponent :aaa.sync="todo.name"/>
-  </div>
 </template>
 ```
 </eslint-code-block>