fix(module): do not add vue files to ignore list (#1476)

* fix(module): do not add vue files to ignore list

* test: add tests

Author: farnabaz

src/module.ts

@@ -293,13 +293,14 @@ export default defineNuxtModule<ModuleOptions>({
       for (const source of Object.values(sources)) {
         // Only targets directories inside the srcDir
         if (source.driver === 'fs' && source.base.includes(nuxt.options.srcDir)) {
+          const wildcard = join(source.base, '**/*').replace(withTrailingSlash(nuxt.options.srcDir), '')
           nuxt.options.ignore.push(
             // Remove `srcDir` from the path
-            join(source.base, '**/*').replace(withTrailingSlash(nuxt.options.srcDir), '')
+            wildcard,
+            `!${wildcard}.vue`
           )
         }
       }
-
       nitroConfig.bundledStorage = nitroConfig.bundledStorage || []
       nitroConfig.bundledStorage.push('/cache/content')
 

test/basic.test.ts

@@ -17,6 +17,7 @@ import { testContentQuery } from './features/content-query'
 import { testHighlighter } from './features/highlighter'
 import { testMarkdownRenderer } from './features/renderer-markdown'
 import { testParserOptions } from './features/parser-options'
+import { testComponents } from './features/components'
 
 const spyConsoleWarn = vi.spyOn(global.console, 'warn')
 
@@ -99,6 +100,7 @@ describe('Basic usage', async () => {
     expect(html).contains('<meta property="og:image" content="https://picsum.photos/200/300">')
     expect(html).contains('<meta name="description" content="Description overwritten"><meta property="og:image" content="https://picsum.photos/200/300">')
   })
+
   test('<ContentDoc> head management (not same path)', async () => {
     const html = await $fetch('/bypass-head')
     expect(html).not.contains('<title>Head overwritten</title>')
@@ -122,11 +124,14 @@ describe('Basic usage', async () => {
     expect(spyConsoleWarn).toHaveBeenCalledWith('Ignoring [content:with-\'invalid\'-char.md]. File name should not contain any of the following characters: \', ", ?, #, /')
   })
 
+  testComponents()
+
   testContentQuery()
 
   testNavigation()
 
   testMarkdownParser()
+
   testMarkdownRenderer()
 
   testMarkdownParserExcerpt()

test/features/components.ts

@@ -0,0 +1,12 @@
+import { describe, test, expect } from 'vitest'
+import { $fetch } from '@nuxt/test-utils'
+
+export const testComponents = () => {
+  describe('components', () => {
+    test('from content directory', async () => {
+      const index = await $fetch('/components/from-content')
+
+      expect(index).toContain('Lorem ipsum dolor sit, amet consectetur adipisicing elit.')
+    })
+  })
+}

test/fixtures/basic/content/LoremIpsum.vue

@@ -0,0 +1,5 @@
+<template>
+  <p>
+    Lorem ipsum dolor sit, amet consectetur adipisicing elit. Asperiores tempore totam cum rerum natus aliquid cumque enim accusamus, dicta eveniet illum alias similique facilis blanditiis. Totam architecto a ratione earum.
+  </p>
+</template>

test/fixtures/basic/content/components/from-content.md

@@ -0,0 +1,4 @@
+# Components inside content
+
+::lorem-ipsum
+::

test/fixtures/basic/nuxt.config.ts

@@ -13,6 +13,12 @@ export default defineNuxtConfig({
       {
         path: resolve(__dirname, './components'),
         global: true
+      },
+      {
+        path: resolve(__dirname, './content'),
+        global: true,
+        pathPrefix: false,
+        prefix: ''
       }
     ]
   },
@@ -27,6 +33,7 @@ export default defineNuxtConfig({
         base: resolve(__dirname, 'content-fa')
       }
     ],
+    ignores: ['.*\\.vue'],
     navigation: {
       fields: ['icon']
     },