fix: Do not trim all spaces

Author: nickmessing

Diff for: packages/babel-plugin-transform-vue-jsx/src/index.js

@@ -63,9 +63,9 @@ const getTag = (t, path) => {
  */
 const getChildren = (t, paths) =>
   paths
-    .map(path => {
+    .map((path, index) => {
       if (path.isJSXText()) {
-        return transformJSXText(t, path)
+        return transformJSXText(t, path, index === 0 ? -1 : index === paths.length - 1 ? 1 : 0)
       }
       if (path.isJSXExpressionContainer()) {
         return transformJSXExpressionContainer(t, path)
@@ -360,14 +360,25 @@ const transformJSXMemberExpression = (t, path) => {
   return t.memberExpression(transformedObject, transformedProperty)
 }
 
+/**
+ * Trim text from JSX expressions depending on position
+ * @param string string
+ * @param position -1 for left, 0 for middle and 1 for right
+ * @returns string
+ */
+const trimText = (string, position) => (position === 0 ? string : string.replace(position === -1 ? /^\s*/ : /\s*$/, ''))
+
 /**
  * Transform JSXText to StringLiteral
  * @param t
  * @param path JSXText
+ * @param position -1 for left, 0 for middle and 1 for right
  * @returns StringLiteral
  */
-const transformJSXText = (t, path) =>
-  path.get('value').node.match(/^\s*$/) ? null : t.stringLiteral(path.get('value').node)
+const transformJSXText = (t, path, position) => {
+  const string = trimText(path.get('value').node, position)
+  return string ? t.stringLiteral(string) : null
+}
 
 /**
  * Transform JSXExpressionContainer to Expression

Diff for: packages/babel-plugin-transform-vue-jsx/test/snapshot.js

@@ -51,8 +51,8 @@ const tests = [
   },
   {
     name: 'Combined content',
-    from: `render(h => <div>test{test}{...test}<br/></div>)`,
-    to: `render(h => h("div", ["test", test, ...test, h("br")]));`,
+    from: `render(h => <div>  test{test} {...test}<br/>  </div>)`,
+    to: `render(h => h("div", ["test", test, " ", ...test, h("br")]));`,
   },
   {
     name: 'Plain attrs',