v1.0.0

Author: peakchen90

docs/rules/no-unused-vars.md

@@ -11,14 +11,14 @@ Ignore some unused variables when using the [`x-model`](https://github.com/peakc
 ```jsx harmony
 function Foo() {
   const [data, setData] = useState(0)
-  return <input x-model={data}/>
+  return <input x-model-hook={data}/>
 }
 ```
 
 ```jsx harmony
 function Foo() {
   const [data, setData] = React.useState(0)
-  return <input x-model={data}/>
+  return <input x-model-hook={data}/>
 }
 ```
 
@@ -34,7 +34,7 @@ function Foo() {
 ```jsx harmony
 function Foo() {
   const [data, setData] = Foo.useState(0)
-  return <input x-model={data}/>
+  return <input x-model-hook={data}/>
 }
 ```
 

lib/rules/no-unused-vars.js

@@ -32,7 +32,7 @@ module.exports = {
         return parent
           && parent.type === 'JSXExpressionContainer'
           && parent.parent.type === 'JSXAttribute'
-          && parent.parent.name.name === `${prefix}-model`;
+          && parent.parent.name.name === `${prefix}-model-hook`;
       });
 
       if (valid) {

package.json

@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-react-directives",
-  "version": "0.0.2",
+  "version": "1.0.0",
   "description": "some rules for babel-plugin-react-directives.",
   "keywords": [
     "eslint",

tests/lib/rules/no-unused-vars.js

@@ -12,31 +12,31 @@ new RuleTester({
       code: `
         export default () => {
           const [data, setData] = useState(0);
-          return <input x-model={data.foo}/>
+          return <input x-model-hook={data.foo}/>
         }
       `
     },
     {
       code: `
         export default () => {
           const [data, setData] = React.useState(0);
-          return <input x-model={data}/>
+          return <input x-model-hook={data}/>
         }
       `
     },
     {
       code: `
         export default () => {
           const [data, setData] = React['useState'](0);
-          return <input x-model={data}/>
+          return <input x-model-hook={data}/>
         }
       `
     },
     {
       code: `
         export default () => {
           const [data, setData] = useState(0);
-          return <input x-model={data}/>
+          return <input x-model-hook={data}/>
         }
       `
     },
@@ -47,15 +47,15 @@ new RuleTester({
             0: data,
             1: setState
           } = useState(0);
-          return <input x-model={data}/>
+          return <input x-model-hook={data}/>
         }
       `
     },
     {
       code: `
         export default () => {
           const [data, setData] = useState(0);
-          return <input v-model={data}/>
+          return <input v-model-hook={data}/>
         }
       `,
       settings: {
@@ -68,7 +68,7 @@ new RuleTester({
       code: `
         export default () => {
           const [data, setData] = Preact.useState(0);
-          return <input x-model={data}/>
+          return <input x-model-hook={data}/>
         }
       `,
       settings: {
@@ -81,7 +81,7 @@ new RuleTester({
       code: `
         export default () => {
           const data = useState(0);
-          return <input x-model={data}/>
+          return <input x-model-hook={data}/>
         }
       `
     }
@@ -100,7 +100,18 @@ new RuleTester({
       code: `
         export default () => {
           const [data, setData] = Foo.useState(0);
-          return <input x-model={data}/>
+          return <input x-model-hook={data}/>
+        }
+      `,
+      errors: [
+        { message: /assigned a value but never used/ }
+      ]
+    },
+    {
+      code: `
+        export default () => {
+          const [data, setData] = useState(0);
+          return <input x-abc={data}/>
         }
       `,
       errors: [