feat: support layout dir globs

closes #119

README.md

@@ -104,6 +104,8 @@ All .vue files in this folder are imported async into the generated code.
 
 Can also be an array of layout dirs
 
+Can use `**` to support scenarios like `module1/layouts` and `modules2/layouts` with a setting of `src/**/layouts`
+
 Any files named `__*__.vue` will be excluded, and you can specify any additional exclusions with the `exclude` option
 
 **Default:** `'src/layouts'`

examples/spa/src/module1/layouts/module1layout.vue

@@ -0,0 +1,8 @@
+<template>
+  <main class="px-4 py-10 text-center text-gray-700 dark:text-gray-200">
+    <div class="w-1/4 m-auto text-center text-gray-300 bg-teal-800">
+      Module 1 Layout
+    </div>
+    <router-view />
+  </main>
+</template>

examples/spa/src/module2/layouts/module2layout.vue

@@ -0,0 +1,8 @@
+<template>
+  <main class="px-4 py-10 text-center text-gray-700 dark:text-gray-200">
+    <div class="w-1/4 m-auto text-center text-gray-300 bg-teal-800">
+      Module 2 Layout
+    </div>
+    <router-view />
+  </main>
+</template>

examples/spa/src/pages/index.vue

@@ -22,6 +22,16 @@
         no layout
       </router-link>
     </p>
+    <p>
+      <router-link to="/module1">
+        module 1 layout
+      </router-link>
+    </p>
+    <p>
+      <router-link to="/module2">
+        module 2 layout
+      </router-link>
+    </p>
   </div>
 </template>
 

examples/spa/src/pages/module1.vue

@@ -0,0 +1,10 @@
+<template>
+  <router-view />
+</template>
+<route>
+{
+  meta: {
+    layout: "module1layout"
+  }
+}
+</route>

examples/spa/src/pages/module2.vue

@@ -0,0 +1,10 @@
+<template>
+  <router-view />
+</template>
+<route>
+{
+  meta: {
+    layout: "module2layout"
+  }
+}
+</route>

examples/spa/vite.config.ts

@@ -14,7 +14,8 @@ const config = defineConfig({
       syncIndex: false,
     }),
     Layouts({
-      defaultLayout: 'default'
+      defaultLayout: 'default',
+      layoutsDirs: ['src/layouts', 'src/**/layouts'],
     }),
     Markdown(),
   ],

src/index.ts

@@ -1,5 +1,5 @@
 import { resolve } from 'path'
-
+import fg from 'fast-glob'
 import type { ModuleNode, Plugin, ResolvedConfig } from 'vite'
 import { createVirtualModuleCode } from './clientSide'
 import { getFilesFromPath } from './files'
@@ -94,8 +94,20 @@ export default function Layout(userOptions: UserOptions = {}): Plugin {
           ? options.layoutsDirs
           : [options.layoutsDirs]
         const container: FileContainer[] = []
+        const layoutDirsResolved: string[] = []
 
         for (const dir of layoutDirs) {
+          if (dir.includes('**')) {
+            const matches = await fg(dir, { onlyDirectories: true })
+            for (const match of matches)
+              layoutDirsResolved.push(normalizePath(resolve(config.root, match)))
+          }
+          else {
+            layoutDirsResolved.push(dir)
+          }
+        }
+
+        for (const dir of layoutDirsResolved) {
           const layoutsDirPath = dir.substr(0, 1) === '/'
             ? normalizePath(dir)
             : normalizePath(resolve(config.root, dir))