fix: use parent dir name for index.[ext] components without pathPrefix (#178)

Author: pi0

src/scan.ts

@@ -35,8 +35,11 @@ export async function scanComponents (dirs: ScanDir[], srcDir: string): Promise<
  prefix ? splitByCase(prefix) : [],
  (pathPrefix !== false) ? splitByCase(relative(path, dirname(filePath))) : []
  )
- const fileName = basename(filePath, extname(filePath))
- const fileNameParts = fileName.toLowerCase() === 'index' ? [] : splitByCase(fileName)
+ let fileName = basename(filePath, extname(filePath))
+ if (fileName.toLowerCase() === 'index') {
+ fileName = pathPrefix === false ? basename(dirname(filePath)) : '' /* inherits from path */
+ }
+ const fileNameParts = splitByCase(fileName)
 
  const componentNameParts: string[] = []
 

test/fixture/components/no-prefix/no-prefix1/index.vue

@@ -0,0 +1,5 @@
+<template>
+ <div>
+ No prefix Foo
+ </div>
+</template>

test/fixture/nuxt.config.ts

@@ -11,6 +11,7 @@ const config: NuxtConfig = {
  components: [
  '~/components',
  { path: '~/components/global', global: true },
+ { path: '~/components/no-prefix', pathPrefix: false },
  { path: '~/components/multifile', extensions: ['vue'] },
  '~/non-existent',
  { path: '@/components/base', prefix: 'Base' },

test/unit/scanner.test.ts

@@ -21,7 +21,8 @@ test('scanner', async () => {
  'FormLayout',
  'Header',
  'DeepNestedMyComponent',
- 'UiNotificationWrapper'
+ 'UiNotificationWrapper',
+ 'NoPrefix1'
  ]
 
  expect(components.map(c => c.pascalName).sort()).toEqual(expectedComponents.sort())

test/unit/utils.ts

@@ -24,6 +24,12 @@ export function scanFixtureComponents () {
  prefix: 'base',
  ignore: ignorePatterns
  },
+ {
+ path: path.resolve(srcDir, 'components/no-prefix'),
+ pattern: '**/*.{vue,js,ts}',
+ ignore: ignorePatterns,
+ pathPrefix: false
+ },
  {
  path: path.resolve(srcDir, 'components/global'),
  pattern: '**/*.{vue,js,ts}',