feat(compiler): v-text transform + move dom-specific errros codes to compiler-dom

packages/compiler-dom/src/errors.ts

@@ -0,0 +1,35 @@
+import {
+  SourceLocation,
+  CompilerError,
+  createCompilerError,
+  ErrorCodes
+} from '@vue/compiler-core'
+
+export interface DOMCompilerError extends CompilerError {
+  code: DOMErrorCodes
+}
+
+export function createDOMCompilerError(
+  code: DOMErrorCodes,
+  loc?: SourceLocation
+): DOMCompilerError {
+  return createCompilerError(
+    code,
+    loc,
+    __DEV__ || !__BROWSER__ ? DOMErrorMessages : undefined
+  )
+}
+
+export const enum DOMErrorCodes {
+  X_V_HTML_NO_EXPRESSION = ErrorCodes.__EXTEND_POINT__,
+  X_V_HTML_WITH_CHILDREN,
+  X_V_TEXT_NO_EXPRESSION,
+  X_V_TEXT_WITH_CHILDREN
+}
+
+export const DOMErrorMessages: { [code: number]: string } = {
+  [DOMErrorCodes.X_V_HTML_NO_EXPRESSION]: `v-html is missing expression.`,
+  [DOMErrorCodes.X_V_HTML_WITH_CHILDREN]: `v-html will override element children.`,
+  [DOMErrorCodes.X_V_TEXT_NO_EXPRESSION]: `v-text is missing expression.`,
+  [DOMErrorCodes.X_V_TEXT_WITH_CHILDREN]: `v-text will override element children.`
+}

packages/compiler-dom/src/transforms/vHtml.ts

@@ -1,18 +1,21 @@
 import {
   DirectiveTransform,
-  createCompilerError,
-  ErrorCodes,
   createObjectProperty,
   createSimpleExpression
 } from '@vue/compiler-core'
+import { createDOMCompilerError, DOMErrorCodes } from '../errors'
 
 export const transformVHtml: DirectiveTransform = (dir, node, context) => {
   const { exp, loc } = dir
   if (!exp) {
-    context.onError(createCompilerError(ErrorCodes.X_V_HTML_NO_EXPRESSION, loc))
+    context.onError(
+      createDOMCompilerError(DOMErrorCodes.X_V_HTML_NO_EXPRESSION, loc)
+    )
   }
   if (node.children.length) {
-    context.onError(createCompilerError(ErrorCodes.X_V_HTML_WITH_CHILDREN, loc))
+    context.onError(
+      createDOMCompilerError(DOMErrorCodes.X_V_HTML_WITH_CHILDREN, loc)
+    )
     node.children.length = 0
   }
   return {

packages/compiler-dom/src/transforms/vText.ts

@@ -1 +1,28 @@
-// TODO
+import {
+  DirectiveTransform,
+  createObjectProperty,
+  createSimpleExpression
+} from '@vue/compiler-core'
+import { createDOMCompilerError, DOMErrorCodes } from '../errors'
+
+export const transformVText: DirectiveTransform = (dir, node, context) => {
+  const { exp, loc } = dir
+  if (!exp) {
+    context.onError(
+      createDOMCompilerError(DOMErrorCodes.X_V_TEXT_NO_EXPRESSION, loc)
+    )
+  }
+  if (node.children.length) {
+    context.onError(
+      createDOMCompilerError(DOMErrorCodes.X_V_TEXT_WITH_CHILDREN, loc)
+    )
+    node.children.length = 0
+  }
+  return {
+    props: createObjectProperty(
+      createSimpleExpression(`textContent`, true, loc),
+      exp || createSimpleExpression('', true)
+    ),
+    needRuntime: false
+  }
+}