fix(eslint-config): enable vue/multi-word-component-names for files directly under components (#360)

Co-authored-by: Anthony Fu <anthonyfu117@hotmail.com>

Author: kingyue737

Diff for: docs/components/Illustration.vue

@@ -38,6 +38,6 @@ defineProps({
         {{ description }}
       </p>
     </div>
-    <Logo class="h-[60px] w-[492px] text-white" />
+    <NuxtLogo class="h-[60px] w-[492px] text-white" />
   </div>
 </template>

Diff for: docs/components/Logo.vue renamed to docs/components/NuxtLogo.vue

@@ -18,7 +18,7 @@ export default function disables(options: NuxtESLintConfigOptions): FlatConfig[]
     ...(dirs.pages?.map(pagesDir => join(pagesDir, nestedGlobPattern)) || []),
 
     // These files should have multiple words in their names as they are within subdirectories.
-    ...(dirs.components?.map(componentsDir => join(componentsDir, nestedGlobPattern)) || []),
+    ...(dirs.components?.map(componentsDir => join(componentsDir, '*', nestedGlobPattern)) || []),
   ]
 
   const configs: FlatConfig[] = []