fix: scanDirs when nested modules in dirs update (#319)

Author: ddosakura

package.json

@@ -111,6 +111,7 @@
     "@rollup/pluginutils": "^5.0.2",
     "local-pkg": "^0.4.3",
     "magic-string": "^0.27.0",
+    "minimatch": "^6.2.0",
     "unimport": "^2.2.4",
     "unplugin": "^1.0.1"
   },

playground/App.vue

@@ -2,6 +2,7 @@
 import HelloWorld from './HelloWorld.vue'
 ElMessage.warning('Test')
 const foo = useFoo()
+const bar = useBar()
 </script>
 
 <script lang="ts">
@@ -18,6 +19,7 @@ export default defineComponent({
 <template>
   <HelloWorld msg="hi" />
   <pre>{{ foo }}</pre>
+  <pre>{{ bar }}</pre>
   <pre>{{ FOOBAR }}</pre>
   <div v-loading="false">
     <ElButton>Hello</ElButton>

playground/composables/nested/bar.ts

@@ -0,0 +1,3 @@
+export function useBar() {
+  return 'bar from ./composables/nested/'
+}

playground/vite.config.ts

@@ -14,7 +14,7 @@ export default defineConfig({
         ElementPlusResolver(),
       ],
       dirs: [
-        './composables',
+        './composables/**',
       ],
       vueTemplate: true,
       cache: true,

pnpm-lock.yaml

@@ -1,3 +1,5 @@
+import minimatch from 'minimatch'
+import { slash } from '@antfu/utils'
 import { createUnplugin } from 'unplugin'
 import type { Options } from '../types'
 import { createContext } from './ctx'
@@ -25,7 +27,7 @@ export default createUnplugin<Options>((options) => {
     },
     vite: {
       async handleHotUpdate({ file }) {
-        if (ctx.dirs?.some(dir => file.startsWith(dir)))
+        if (ctx.dirs?.some(glob => minimatch(slash(file), glob)))
           await ctx.scanDirs()
       },
       async configResolved(config) {