fix: async import template (resolves #223, resolves #225)

Author: pi0

templates/components/index.js

@@ -8,7 +8,7 @@ import { wrapFunctional } from './utils'
  ].filter(Boolean).join(', ')
  if (c.isAsync) {
  const exp = c.export === 'default' ? `c.default || c` : `c['${c.export}']`
- const asyncImport = `import('../${relativeToBuild(c.filePath)}' /* ${magicComments} */).then(c => wrapFunctional(${exp}))`
+ const asyncImport = `() => import('../${relativeToBuild(c.filePath)}' /* ${magicComments} */).then(c => wrapFunctional(${exp}))`
  return `export const ${c.pascalName} = ${asyncImport}`
  } else {
  const exp = c.export === 'default' ? `default as ${c.pascalName}` : c.pascalName

templates/components/plugin.js

@@ -3,5 +3,5 @@ import * as components from './index'
 
 for (const name in components) {
  Vue.component(name, components[name])
- Vue.component('Lazy' + name, () => Promise.resolve(components[name]))
+ Vue.component('Lazy' + name, components[name])
 }