test: tests for v-bind transform

packages/compiler-core/src/runtimeConstants.ts

@@ -10,7 +10,6 @@ export const RESOLVE_COMPONENT = `resolveComponent`
 export const RESOLVE_DIRECTIVE = `resolveDirective`
 export const APPLY_DIRECTIVES = `applyDirectives`
 export const RENDER_LIST = `renderList`
-export const CAPITALIZE = `capitalize`
 export const TO_STRING = `toString`
 export const MERGE_PROPS = `mergeProps`
 export const TO_HANDLERS = `toHandlers`

packages/compiler-core/src/transforms/transformExpression.ts

@@ -86,7 +86,7 @@ export function processExpression(
     enter(node: Node & PrefixMeta, parent) {
       if (node.type === 'Identifier') {
         if (
-          ids.indexOf(node) === -1 &&
+          !ids.includes(node) &&
           !knownIds[node.name] &&
           shouldPrefix(node, parent)
         ) {
@@ -177,7 +177,7 @@ function shouldPrefix(identifier: Identifier, parent: Node) {
       // not id of a FunctionDeclaration
       ((parent as any).id === identifier ||
         // not a params of a function
-        parent.params.indexOf(identifier) > -1)
+        parent.params.includes(identifier))
     ) &&
     // not a key of Property
     !(

packages/compiler-core/src/transforms/vBind.ts

@@ -1,23 +1,28 @@
 import { DirectiveTransform } from '../transform'
 import { createObjectProperty, createExpression } from '../ast'
 import { createCompilerError, ErrorCodes } from '../errors'
+import { camelize } from '@vue/shared'
 
 // v-bind without arg is handled directly in ./element.ts due to it affecting
 // codegen for the entire props object. This transform here is only for v-bind
 // *with* args.
-export const transformBind: DirectiveTransform = (dir, context) => {
-  if (!dir.exp) {
-    context.onError(
-      createCompilerError(ErrorCodes.X_V_BIND_NO_EXPRESSION, dir.loc)
-    )
+export const transformBind: DirectiveTransform = (
+  { exp, arg, modifiers, loc },
+  context
+) => {
+  if (!exp) {
+    context.onError(createCompilerError(ErrorCodes.X_V_BIND_NO_EXPRESSION, loc))
+  }
+  // .prop is no longer necessary due to new patch behavior
+  // .sync is replced by v-model:arg
+  if (modifiers.includes('camel')) {
+    arg!.content = camelize(arg!.content)
   }
-  // TODO handle .prop modifier
-  // TODO handle .camel modifier
   return {
     props: createObjectProperty(
-      dir.arg!,
-      dir.exp || createExpression('', true, dir.loc),
-      dir.loc
+      arg!,
+      exp || createExpression('', true, loc),
+      loc
     ),
     needRuntime: false
   }

packages/compiler-core/src/transforms/vOn.ts

@@ -1,23 +1,21 @@
 import { DirectiveTransform } from '../transform'
 import { createObjectProperty, createExpression } from '../ast'
 import { capitalize } from '@vue/shared'
-import { CAPITALIZE } from '../runtimeConstants'
 
 // v-on without arg is handled directly in ./element.ts due to it affecting
 // codegen for the entire props object. This transform here is only for v-on
 // *with* args.
-export const transformOn: DirectiveTransform = (dir, context) => {
-  const arg = dir.arg!
-  const eventName = arg.isStatic
-    ? createExpression(`on${capitalize(arg.content)}`, true, arg.loc)
-    : createExpression(`'on' + ${CAPITALIZE}(${arg.content})`, false, arg.loc)
+export const transformOn: DirectiveTransform = ({ arg, exp, loc }) => {
+  const eventName = arg!.isStatic
+    ? createExpression(`on${capitalize(arg!.content)}`, true, arg!.loc)
+    : createExpression(`'on' + (${arg!.content})`, false, arg!.loc)
   // TODO .once modifier handling since it is platform agnostic
   // other modifiers are handled in compiler-dom
   return {
     props: createObjectProperty(
       eventName,
-      dir.exp || createExpression(`() => {}`, false, dir.loc),
-      dir.loc
+      exp || createExpression(`() => {}`, false, loc),
+      loc
     ),
     needRuntime: false
   }