fix: set default for isAsync in template

Author: pi0

src/index.ts

@@ -74,7 +74,7 @@ const componentsModule: Module<Options> = function () {
         path: dirPath,
         extensions,
         pattern: dirOptions.pattern || `**/*.{${extensions.join(',')},}`,
-        isAsync: dirOptions.isAsync ?? !nuxt.options.dev /* async only for prod by default */,
+        isAsync: dirOptions.isAsync,
         // TODO: keep test/unit/utils.ts updated
         ignore: [
           '**/*.stories.{js,ts,jsx,tsx}', // ignore storybook files

src/scan.ts

@@ -39,7 +39,7 @@ export async function scanComponents (dirs: ScanDir[], srcDir: string): Promise<
       if (fileName.toLowerCase() === 'index') {
         fileName = pathPrefix === false ? basename(dirname(filePath)) : '' /* inherits from path */
       }
-      const isAsync = fileName.endsWith('.async') ? true : dirIsAsync
+      const isAsync = (fileName.endsWith('.async') ? true : dirIsAsync) || null
       fileName = fileName.replace(/\.async$/, '')
       const fileNameParts = splitByCase(fileName)
 

templates/components/index.js

@@ -6,7 +6,7 @@ import { wrapFunctional } from './utils'
     c.prefetch === true || typeof c.prefetch === 'number' ? `webpackPrefetch: ${c.prefetch}` : false,
     c.preload === true || typeof c.preload === 'number' ? `webpackPreload: ${c.preload}` : false,
   ].filter(Boolean).join(', ')
-  if (c.isAsync) {
+  if (c.isAsync === true || (!isDev /* prod fallback */ && c.isAsync === null)) {
     const exp = c.export === 'default' ? `c.default || c` : `c['${c.export}']`
     const asyncImport = `() => import('../${relativeToBuild(c.filePath)}' /* ${magicComments} */).then(c => wrapFunctional(${exp}))`
     return `export const ${c.pascalName} = ${asyncImport}`