✨ (theme) load windi config at user project level

Author: Tahul

src/defaultTheme/module.ts

@@ -1,13 +1,18 @@
 import { resolve, join } from 'path'
 import { Config as WindiConfig } from 'windicss/types/interfaces'
+import { existsSync } from 'fs-extra'
 import { glob } from 'siroc'
 import defu from 'defu'
-import { Module } from '@nuxt/types'
+import { Module, NuxtOptions } from '@nuxt/types'
 import gracefulFs from 'graceful-fs'
+import clearModule from 'clear-module'
+import jiti from 'jiti'
 import defaultWindiConfig from './windi.config'
 
 const r = (...args: string[]) => resolve(__dirname, ...args)
 
+const _require = jiti(__filename)
+
 export const readyHook = ({ options }) => {
   // Override editor style on dev mode
   if (options.dev) options.css.push(r('css/main.dev.css'))
@@ -20,15 +25,39 @@ export const beforeBuildHook = async ({ options }) => {
   if (!errorPageExists) options.ErrorPage = options.ErrorPage || r('layouts/error.vue')
 }
 
+const loadWindiConfig = (options: NuxtOptions): WindiConfig | undefined => {
+  // Get Windi config path
+  let windiPath = resolve(options.srcDir)
+  if (existsSync(windiPath + '/windi.config.js')) windiPath += '/windi.config.js'
+  else if (existsSync(windiPath + '/windi.config.ts')) windiPath += '/windi.config.ts'
+  else if (existsSync(windiPath + '/tailwind.config.js')) windiPath += '/tailwind.config.js'
+  else if (existsSync(windiPath + '/tailwind.config.ts')) windiPath += '/tailwind.config.ts'
+
+  // Delete Node cache for Windi config
+  clearModule(windiPath)
+
+  // Get Windi config
+  let localWindiConfig
+  try {
+    localWindiConfig = _require(windiPath)
+    localWindiConfig = localWindiConfig?.default || localWindiConfig
+  } catch (_) {}
+
+  return localWindiConfig
+}
+
 // WindiCSS setup
 export default <Module>function themeSetupModule() {
   const { nuxt, $docus } = this
   const { options, hook } = nuxt
   const { settings } = $docus
 
+  // Get Windi config at user project level
+  const localWindiConfig = loadWindiConfig(options)
+
   hook('windicss:options', (windiOptions: WindiConfig) => {
-    // Merge user & local Windi config
-    windiOptions.config = defu.arrayFn(windiOptions.config || {}, defaultWindiConfig)
+    // Merge user and theme Windi configs
+    windiOptions.config = defu.arrayFn(windiOptions.config || {}, localWindiConfig || {}, defaultWindiConfig)
 
     // Include local & npm depencies directories in scan process
     windiOptions.scanOptions.dirs.push(
@@ -44,6 +73,7 @@ export default <Module>function themeSetupModule() {
       join(options.themeDir, '/**/*.{html,vue,md,mdx,pug,jsx,tsx,svelte}')
     )
 
+    // Merge shortcuts
     windiOptions.config.shortcuts = {
       ...(windiOptions.shortcuts || {}),
       ...(settings?.theme?.shortcuts || {})