refactor: move wrapFunctional util to index

Author: pi0

src/index.ts

@@ -159,7 +159,6 @@ const componentsModule: Module<Options> = function () {
     const templates = [
       'components/index.js',
       'components/plugin.js',
-      'components/utils.js',
       'components/readme_md',
       'vetur/tags.json'
     ]

templates/components/index.js

@@ -1,5 +1,3 @@
-import { wrapFunctional } from './utils'
-
 <%= options.getComponents().map(c => {
   const magicComments = [
     `webpackChunkName: "${c.chunkName}"`,
@@ -15,3 +13,34 @@ import { wrapFunctional } from './utils'
     return `export { ${exp} } from '../${relativeToBuild(c.filePath)}'`
   }
 }).join('\n') %>
+
+// nuxt/nuxt.js#8607
+function wrapFunctional(options) {
+  if (!options || !options.functional) {
+    return options
+  }
+
+  const propKeys = Array.isArray(options.props) ? options.props : Object.keys(options.props || {})
+
+  return {
+    render(h) {
+      const attrs = {}
+      const props = {}
+
+      for (const key in this.$attrs) {
+        if (propKeys.includes(key)) {
+          props[key] = this.$attrs[key]
+        } else {
+          attrs[key] = this.$attrs[key]
+        }
+      }
+
+      return h(options, {
+        on: this.$listeners,
+        attrs,
+        props,
+        scopedSlots: this.$scopedSlots,
+      }, this.$slots.default)
+    }
+  }
+}