feat: support functional component template

Author: ktsn

lib/modules/template-compiler.js

@@ -12,7 +12,10 @@ module.exports = function compile (template, options = {}) {
     source: template,
     filename: options.filename,
     compiler,
-    transformAssetUrls: options.transformAssetUrls
+    transformAssetUrls: options.transformAssetUrls,
+    isFunctional: options.functional,
+    isProduction: options.isProduction,
+    optimizeSSR: options.optimizeSSR
   })
 
   if (compiled.errors.length > 0) {

lib/template-loader.js

@@ -13,9 +13,12 @@ module.exports = function (content) {
   const isServer = this.target === 'node'
   const id = genId(this.resourcePath, process.cwd())
 
+  const isProduction = process.env.NODE_ENV === 'production'
+
   // Acquire the query of target file
   const { style: stylePath } = loaderUtils.parseQuery('?' + this.request.split('?').pop())
   const options = Object.assign(loaderUtils.getOptions(this) || {}, {
+    isProduction,
     sourceMap: this.sourceMap,
     fileName: this.resourcePath
   })
@@ -27,8 +30,7 @@ module.exports = function (content) {
     this.emitError('template syntax error ' + error)
   })
 
-  const shouldHotReload = isHmrEnabled && !isServer && !this.minimize &&
-    process.env.NODE_ENV !== 'production'
+  const shouldHotReload = isHmrEnabled && !isServer && !this.minimize && !isProduction
 
   const builder = new Builder()
 
@@ -73,6 +75,13 @@ module.exports = function (content) {
       `)
     }
 
+    // Functional component
+    if (options.functional) {
+      builder.addLine(`
+        options.functional = true
+      `)
+    }
+
     // Inject a snippet for adding CSS Modules object in computed
     if (stylePath) {
       builder.addLine(`

test/template-loader.spec.js

@@ -142,4 +142,9 @@ describe('vue-template-loader', () => {
     expect(originalPos.line).toBe(1)
     expect(originalPos.column).toBe(0)
   })
+
+  it('sets functional', () => {
+    const { code } = loadCode('<div>{{ props.data }}</div>', { query: { functional: true }})
+    expect(code).toMatch('options.functional = true')
+  })
 })