fix(docs): outDir error of VitePWA (#7100)

docs/.vitepress/crowdin/en-US/component/pwa.json

@@ -1,5 +1,5 @@
 {
-  "message": "New content available, click on reload button to update.",
+  "message": "New content available, click on refresh button to update.",
   "refresh": "Refresh",
   "close": "Close"
 }

docs/.vitepress/vitepress/components/vp-reload-prompt.vue

@@ -31,13 +31,16 @@ const { needRefresh, updateServiceWorker } = useRegisterSW()
   z-index: 3000;
   text-align: center;
 }
+
 .pwa-card .pwa-card-text {
   margin: 0 0 1em;
 }
+
 .pwa-popup-enter-active,
 .pwa-popup-leave-active {
   transition: var(--el-transition-md-fade);
 }
+
 .pwa-popup-enter,
 .pwa-popup-leave-to {
   opacity: 0;

docs/vite.config.ts

@@ -92,8 +92,12 @@ export default defineConfig(async ({ mode }) => {
       Inspect(),
       mkcert(),
       VitePWA({
+        outDir: '.vitepress/dist',
+        includeAssets: ['images/**'],
         manifest: {
+          id: '/',
           name: 'Element Plus',
+          short_name: 'Element Plus',
           description:
             'a Vue 3 based component library for designers and developers',
           icons: [