feat: allow components to provide absolute import path

nuxt · Sep 15, 2021 · 2e60935 · 2e60935
1 parent f8667b6
commit 2e60935
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/src/types.ts b/src/types.ts
@@ -7,6 +7,7 @@ export interface Component {
   filePath: string
   shortPath: string
   isAsync?: boolean
+  isAbsolute?: boolean
   chunkName: string
   /** @deprecated */
   global: boolean

diff --git a/templates/components/index.js b/templates/components/index.js
@@ -4,13 +4,14 @@
     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(', ')
+  const filePath = c.isAbsolute ? c.filePath : `../${relativeToBuild(c.filePath)}`
   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}))`
+    const asyncImport = `() => import('${filePath}' /* ${magicComments} */).then(c => wrapFunctional(${exp}))`
     return `export const ${c.pascalName} = ${asyncImport}`
   } else {
     const exp = c.export === 'default' ? `default as ${c.pascalName}` : c.pascalName
-    return `export { ${exp} } from '../${relativeToBuild(c.filePath)}'`
+    return `export { ${exp} } from '${filePath}'`
   }
 }).join('\n') %>