Merge pull request #236 from jesusgn90/patch-1

Support pure functional components

Author: lmiller1990

e2e/__projects__/basic/components/FunctionalSFCRender.vue

@@ -0,0 +1,17 @@
+<script>
+export default {
+  name: 'FunctionalSFCRender',
+  functional: true,
+  render(createElement, { $style }) {
+    return createElement('div', {
+      class: [$style.ModuleClass]
+    })
+  }
+}
+</script>
+
+<style lang="scss" module>
+.ModuleClass {
+  width: auto;
+}
+</style>

e2e/__projects__/basic/test.js

@@ -6,6 +6,7 @@ import jestVue from 'vue-jest'
 import RenderFunction from './components/RenderFunction.vue'
 import Jade from './components/Jade.vue'
 import FunctionalSFC from './components/FunctionalSFC.vue'
+import FunctionalSFCRender from './components/FunctionalSFCRender.vue'
 import Basic from './components/Basic.vue'
 import BasicSrc from './components/BasicSrc.vue'
 import { randomExport } from './components/NamedExport.vue'
@@ -92,6 +93,12 @@ test('processes functional components', () => {
   expect(clickSpy).toHaveBeenCalledWith(1)
 })
 
+test('processes functional components using render function', () => {
+  const wrapper = mount(FunctionalSFCRender)
+  const CSS_CLASSES = ['ModuleClass']
+  expect(wrapper.classes().toString()).toBe(CSS_CLASSES.toString())
+})
+
 test('processes SFC with functional template from parent', () => {
   const wrapper = mount(FunctionalSFCParent)
   expect(wrapper.text().trim()).toBe('foo')

lib/process.js

@@ -107,9 +107,12 @@ module.exports = function(src, filename, config) {
   )
 
   const isFunctional =
-    descriptor.template &&
-    descriptor.template.attrs &&
-    descriptor.template.attrs.functional
+    (descriptor.template &&
+      descriptor.template.attrs &&
+      descriptor.template.attrs.functional) ||
+    (descriptor.script &&
+      descriptor.script.content &&
+      /functional:\s*true/.test(descriptor.script.content))
 
   const templateStart = descriptor.template && descriptor.template.start
   const templateLine = src.slice(0, templateStart).split(splitRE).length