switch to prettier for formatting render fn code

Author: yyx990803

lib/template-compiler/index.js

@@ -1,7 +1,7 @@
+var prettier = require('prettier')
 var loaderUtils = require('loader-utils')
 var normalize = require('../utils/normalize')
 var compiler = require('vue-template-compiler')
-var beautify = require('js-beautify').js_beautify
 var transpile = require('vue-template-es2015-compiler')
 var hotReloadAPIPath = normalize.dep('vue-hot-reload-api')
 var transformRequire = require('./modules/transform-require')
@@ -56,6 +56,12 @@ module.exports = function (html) {
       'var staticRenderFns = [' + compiled.staticRenderFns.map(toFunction).join(',') + ']',
       bubleOptions
     ) + '\n'
+
+    // prettify render fn
+    if (!isProduction) {
+      code = prettier.format(code, { semi: false })
+    }
+
     // mark with stripped (this enables Vue to use correct runtime proxy detection)
     if (!isProduction && (
       !bubleOptions ||
@@ -85,9 +91,7 @@ module.exports = function (html) {
 }
 
 function toFunction (code) {
-  return 'function () {' + beautify(code, {
-    indent_size: 2 // eslint-disable-line camelcase
-  }) + '}'
+  return 'function () {' + code + '}'
 }
 
 function pad (html) {

package-lock.json

@@ -43,12 +43,12 @@
   "dependencies": {
     "consolidate": "^0.14.0",
     "hash-sum": "^1.0.2",
-    "js-beautify": "^1.6.14",
     "loader-utils": "^1.1.0",
     "lru-cache": "^4.1.1",
     "postcss": "^6.0.6",
     "postcss-load-config": "^1.1.0",
     "postcss-selector-parser": "^2.0.0",
+    "prettier": "^1.7.0",
     "resolve": "^1.3.3",
     "source-map": "^0.5.6",
     "vue-hot-reload-api": "^2.1.0",