fix: separate glob for watching (#22)

Author: JohnCampionJr

src/context.ts

@@ -25,19 +25,19 @@ export class Context {
     public readonly viteConfig: ResolvedConfig,
   ) {
     this.options = resolveOptions(options, viteConfig)
-    const { globs, dirs } = this.options
+    const { watchGlobs, dirs } = this.options
 
     if (viteConfig.command === 'serve') {
       // TODO: use vite's watcher instead
       chokidar.watch(dirs, { ignoreInitial: true })
         .on('unlink', (path) => {
-          if (matchGlobs(path, globs)) {
+          if (matchGlobs(path, watchGlobs)) {
             this.removeComponents(path)
             this.onUpdate(path)
           }
         })
         .on('add', (path) => {
-          if (matchGlobs(path, globs)) {
+          if (matchGlobs(path, watchGlobs)) {
             this.addComponents(path)
             this.onUpdate(path)
           }

src/types.ts

@@ -76,6 +76,7 @@ Required<Options>,
   extensions: string[]
   dirs: string[]
   globs: string[]
+  watchGlobs: string[]
 }
 
 export interface ComponentInfo {

src/utils.ts

@@ -84,12 +84,18 @@ export function resolveOptions(options: Options, viteConfig: ResolvedConfig): Re
 
   resolved.globs = toArray(resolved.dirs).map(i =>
     resolved.deep
-      ? join(i, `/**/*.${extsGlob}`)
-      : join(i, `/*.${extsGlob}`),
+      ? `${i}/**/*.${extsGlob}`
+      : `${i}/*.${extsGlob}`,
   )
 
   resolved.dirs = toArray(resolved.dirs).map(i => resolve(viteConfig.root, i))
 
+  resolved.watchGlobs = toArray(resolved.dirs).map(i =>
+    resolved.deep
+      ? join(i, `/**/*.${extsGlob}`)
+      : join(i, `/*.${extsGlob}`),
+  )
+
   if (!resolved.extensions.length)
     throw new Error('[vite-plugin-components] extensions are required to search for components')