fix(hmr): fix broken hmr

Author: dvcol

src/web/init-vue-app.ts

@@ -2,7 +2,7 @@ import { createPinia } from 'pinia';
 
 import { createApp } from 'vue';
 
-import type { Component } from 'vue';
+import type { App, Component } from 'vue';
 
 import type { RouterOptions } from '~/router';
 
@@ -20,3 +20,11 @@ export const initVueApp = (component: Component, options: InitVueAppOption = {})
 
   return app;
 };
+
+export const mountVueApp = (id = '#app', component: Component): App => {
+  const app = initVueApp(component);
+
+  app.mount(id);
+
+  return app;
+};

vite.config.ts

@@ -62,7 +62,7 @@ const getPlugins = (): PluginOption[] => [
         });
       });
     },
-    handleHotUpdate: async ({ server, file, read }) => {
+    handleHotUpdate: async ({ server, file, read, modules }) => {
       const lang = file.match(i18nRegex)?.[1];
       if (lang) {
         console.info('Emit new i18n', file);
@@ -73,7 +73,7 @@ const getPlugins = (): PluginOption[] => [
           data: [{ lang, locale }],
         });
       }
-      return [];
+      return modules;
     },
   },