🆙 update(no-dynamic-keys): support i18n functional component

Author: kazupon

docs/rules/no-dynamic-keys.md

@@ -15,6 +15,7 @@ You can be detected with this rule the following:
 - `$tc`
 - `tc`
 - `v-t`
+- `<i18n>` 
 
 :-1: Examples of **incorrect** code for this rule:
 
@@ -34,6 +35,8 @@ localization codes:
     <p>{{ $t(msg) }}</p>
     <!-- ✗ BAD -->
     <p v-t="msg"></p>
+    <!-- ✗ BAD -->
+    <i18n :path="msg"></i18n>
   </div>
 </template>
 ```
@@ -78,6 +81,8 @@ localization codes:
     <p>{{ $t('hello') }}</p>
     <!-- ✓ GOOD -->
     <p v-t="'hello'"></p>
+    <!-- ✓ GOOD -->
+    <i18n path="hello"></i18n>
   </div>
 </template>
 ```

lib/rules/no-dynamic-keys.js

@@ -16,6 +16,19 @@ function checkDirective (context, node) {
   }
 }
 
+function checkComponent (context, node) {
+  if ((node.name.type === 'VIdentifier' && node.name.name === 'bind') &&
+    (node.argument.type === 'VIdentifier' && node.argument.name === 'path') &&
+    (node.parent.value && node.parent.value.type === 'VExpressionContainer') &&
+    (node.parent.value.expression && node.parent.value.expression.type === 'Identifier')) {
+    const name = node.parent.value.expression.name
+    context.report({
+      node,
+      message: `'${name}' dynamic key is used'`
+    })
+  }
+}
+
 function checkCallExpression (context, node) {
   const funcName = (node.callee.type === 'MemberExpression' && node.callee.property.name) || node.callee.name
 
@@ -43,6 +56,10 @@ function create (context) {
       checkDirective(context, node)
     },
 
+    'VElement[name=i18n] > VStartTag > VAttribute[directive=true] > VDirectiveKey' (node) {
+      checkComponent(context, node)
+    },
+
     CallExpression (node) {
       checkCallExpression(context, node)
     }

tests/lib/rules/no-dynamic-keys.js

@@ -56,6 +56,14 @@ tester.run('no-dynamic-keys', rule, {
     errors: [
       `'missing' dynamic key is used'`
     ]
+  }, {
+    // using <i18n> functional component in template block
+    code: `<template>
+      <i18n :path="missing"/>
+    </template>`,
+    errors: [
+      `'missing' dynamic key is used'`
+    ]
   }, {
     // using custom directive in template block
     code: `<template>