feat: implement remove-listeners

Author: ygj6

vue-transformations/__test__/remove-listeners.spec.ts

@@ -0,0 +1,9 @@
+import { runTest } from '../../src/testUtils'
+
+runTest(
+  'remove v-on="$listeners"',
+  'remove-listeners',
+  'remove-listeners',
+  'vue',
+  'vue'
+)

vue-transformations/__testfixtures__/remove-listeners/remove-listeners.input.vue

@@ -0,0 +1,10 @@
+<template>
+  <label>
+    <input type="text" v-bind="$attrs" v-on="$listeners" />
+  </label>
+</template>
+<script>
+export default {
+  inheritAttrs: false
+}
+</script>

vue-transformations/__testfixtures__/remove-listeners/remove-listeners.output.vue

@@ -0,0 +1,10 @@
+<template>
+  <label>
+    <input type="text" v-bind="$attrs"  />
+  </label>
+</template>
+<script>
+export default {
+  inheritAttrs: false
+}
+</script>

vue-transformations/index.ts

@@ -14,7 +14,8 @@ const transformationMap: {
   'v-else-if-key': require('./v-else-if-key'),
   'transition-group-root': require('./transition-group-root'),
   'v-bind-order-sensitive': require('./v-bind-order-sensitive'),
-  'v-for-v-if-precedence-changed': require('./v-for-v-if-precedence-changed')
+  'v-for-v-if-precedence-changed': require('./v-for-v-if-precedence-changed'),
+  'remove-listeners': require('./remove-listeners')
 }
 
 export default transformationMap

vue-transformations/remove-listeners.ts

@@ -0,0 +1,48 @@
+import { Node } from 'vue-eslint-parser/ast/nodes'
+import * as OperationUtils from '../src/operationUtils'
+import type { Operation } from '../src/operationUtils'
+import type { VueASTTransformation } from '../src/wrapVueTransformation'
+import * as parser from 'vue-eslint-parser'
+import wrap from '../src/wrapVueTransformation'
+
+export const transformAST: VueASTTransformation = (context) => {
+  let fixOperations: Operation[] = []
+  const toFixNodes: Node[] = findNodes(context)
+  toFixNodes.forEach((node) => {
+    fixOperations = fixOperations.concat(fix(node))
+  })
+  return fixOperations
+}
+
+export default wrap(transformAST)
+
+function findNodes(context: any): Node[] {
+  const { file } = context
+  const source = file.source
+  const options = { sourceType: 'module' }
+  const ast = parser.parse(source, options)
+  let toFixNodes: Node[] = []
+  let root: Node = <Node>ast.templateBody
+  parser.AST.traverseNodes(root, {
+    enterNode(node: Node) {
+      if (
+        node.type === 'VAttribute' &&
+        node.key.type === 'VDirectiveKey' &&
+        node.key.name.name === 'on' &&
+        node.value?.type === 'VExpressionContainer' &&
+        node.value.expression?.type === 'Identifier' &&
+        node.value.expression.name === '$listeners'
+      ) {
+        toFixNodes.push(node)
+      }
+    },
+    leaveNode(node: Node) {},
+  })
+  return toFixNodes
+}
+
+function fix(node: Node): Operation[] {
+  let fixOperations: Operation[] = []
+  fixOperations.push(OperationUtils.remove(node))
+  return fixOperations
+}