vue3 + vite 自动检测更新

要实现 Vue3 + Vite 的自动检测更新，可以使用以下步骤：

1. 首先，在项目中安装 `vite-plugin-checker` 插件，这个插件可以检测依赖包是否有更新。

2. 在 `vite.config.js` 中配置 `checker` 插件，例如：

   import checker from 'vite-plugin-checker';

   export default {
     plugins: [
       checker({
         // 检测频率，单位为秒，这里设置为 60 秒检测一次
         interval: 60,
         // 检测更新的依赖包
         packages: [
           'vue',
           '@vue/compiler-sfc',
           '@vue/runtime-core',
         ],
       }),
     ],
   };

3. 在 `main.js` 中使用 `setInterval` 定时检测更新，例如：

   import { createApp } from 'vue';
   import App from './App.vue';

   const app = createApp(App);

   // 每 5 分钟检测一次更新
   setInterval(() => {
     location.reload();
   }, 5 * 60 * 1000);

   app.mount('#app');

这样，每次启动应用时，`vite-plugin-checker` 会检测依赖包是否有更新，如果有更新，会在控制台输出提示信息。而定时检测更新的代码则会在应用运行时生效，每隔一段时间检测一次更新，并在有更新时刷新页面。