feat: fully support HMR

.eslintrc.yml

@@ -12,3 +12,5 @@ parserOptions:
     - .vue
 plugins:
   - "@typescript-eslint"
+rules:
+  "@typescript-eslint/no-non-null-assertion": off

.npmrc

@@ -1,2 +1 @@
-auto-install-peers=true
 git-checks=false

package.json

@@ -42,6 +42,7 @@
     "@vuepress/client": "2.0.0-beta.61",
     "@vuepress/core": "2.0.0-beta.61",
     "@vuepress/utils": "2.0.0-beta.61",
+    "chokidar": "^3.5.3",
     "vue": "^3.2.47",
     "vuepress": "2.0.0-beta.61",
     "vuepress-shared": "2.0.0-beta.205"

src/client/components/I18nTip.vue

@@ -57,7 +57,6 @@ const pageData = usePageData<PageData>();
 const locale = computed(
   () =>
     locales[pageData.value.i18n?.pathLocale ?? baseLocalePath] ??
-    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
     locales[baseLocalePath]!
 );
 const showTips = computed(

src/node/plugin.ts

@@ -1,8 +1,14 @@
 import { getDirname, path } from "@vuepress/utils";
 import type { App, Plugin } from "@vuepress/core";
+import { watch } from "chokidar";
 import type { Page } from "../shared/types.js";
 import { type I18nPluginOptions, getOptions } from "./options.js";
-import { addComponent, getLocales, PLUGIN_NAME } from "./utils.js";
+import {
+  addComponent,
+  getLocales,
+  getPageFromDataFilePath,
+  PLUGIN_NAME,
+} from "./utils.js";
 import {
   addPageData,
   fillUntranslatedPages,
@@ -47,5 +53,36 @@ export const i18nPlugin =
       },
       onPrepared: async (app) =>
         await writeLocales(app, getLocales(app.siteData, locales), options),
+      onWatched: (app, watcher) => {
+        const pageWatcher = watch("pages/**/*.js", {
+          cwd: app.dir.temp(),
+          ignoreInitial: true,
+        });
+        pageWatcher.on("change", (filePath) => {
+          const page: Page | undefined = getPageFromDataFilePath(app, filePath);
+          if (page && page.data.i18n?.updatedTime) {
+            app.pages.forEach((p: Page) => {
+              if (p.data.i18n?.sourceLink === page.path && p.data.i18n)
+                p.data.i18n.sourceUpdatedTime = page.data.i18n!.updatedTime!;
+            });
+          }
+        });
+        //  Remove filled page if source has been removed
+        pageWatcher.on("unlink", (filePath) => {
+          const { path, pathLocale } =
+            getPageFromDataFilePath(app, filePath) ?? {};
+          if (pathLocale === options.baseLocalePath && path) {
+            app.pages = app.pages.filter(
+              (page: Page) =>
+                !(
+                  page.path ===
+                    path.replace(options.baseLocalePath, page.pathLocale) &&
+                  page.data.i18n?.untranslated
+                )
+            );
+          }
+        });
+        watcher.push(pageWatcher);
+      },
     };
   };

src/node/utils.ts

@@ -56,13 +56,15 @@ const getLocales = (
         {},
         pluginLocaleData[lang] ??
           pluginLocaleData[siteData.lang] ??
-          // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
           pluginLocaleData["en-US"]!,
         customLocales[lang]
       ),
     ])
   ) as Record<string, I18nPluginLocaleData>;
 
+const getPageFromDataFilePath = (app: App, path: string) =>
+  app.pages.find((page) => page.dataFilePath === path);
+
 const insertAfterFrontmatter = (content: string, data: string) => {
   const regexp = /^---$/gm;
   regexp.exec(content);
@@ -79,6 +81,7 @@ export {
   PLUGIN_NAME,
   addComponent,
   getLocales,
+  getPageFromDataFilePath,
   insertAfterFrontmatter,
   logger,
 };

vite.config.ts

@@ -18,7 +18,13 @@ export default defineConfig({
       formats: ["es"],
     },
     rollupOptions: {
-      external: ["vue", /vuepress-share(\/.+)?/, /@vuepress\/.+/, /@temp\/.+/],
+      external: [
+        "chokidar",
+        "vue",
+        /vuepress-share(\/.+)?/,
+        /@vuepress\/.+/,
+        /@temp\/.+/,
+      ],
     },
   },
   plugins: [