feat: invalidate modules and trigger full reload on file change

code/frameworks/vue3-vite/src/plugins/vue-component-meta.ts

@@ -3,7 +3,7 @@ import { dirname, join, parse, relative, resolve } from 'node:path';
 
 import findPackageJson from 'find-package-json';
 import MagicString from 'magic-string';
-import type { PluginOption } from 'vite';
+import type { ModuleNode, PluginOption } from 'vite';
 import {
   type ComponentMeta,
   type MetaCheckerOptions,
@@ -147,9 +147,18 @@ export async function vueComponentMeta(tsconfigPath = 'tsconfig.json'): Promise<
       }
     },
     // handle hot updates to update the component meta on file changes
-    async handleHotUpdate({ file, read }) {
+    async handleHotUpdate({ file, read, server, modules, timestamp }) {
       const content = await read();
       checker.updateFile(file, content);
+      // Invalidate modules manually
+      const invalidatedModules = new Set<ModuleNode>();
+
+      for (const mod of modules) {
+        server.moduleGraph.invalidateModule(mod, invalidatedModules, timestamp, true);
+      }
+
+      server.ws.send({ type: 'full-reload' });
+      return [];
     },
   };
 }