feat(website): Add vite bundle analyzer

website/client/.gitignore

@@ -1,3 +1,4 @@
 .vitepress/cache
 .vitepress/dist
 node_modules
+stats.html

website/client/.vitepress/config/configShard.ts

@@ -1,3 +1,4 @@
+import { visualizer } from 'rollup-plugin-visualizer';
 import { defineConfig } from 'vitepress';
 import { configEsSearch } from './configEs';
 import { configJaSearch } from './configJa';
@@ -92,4 +93,12 @@ export const configShard = defineConfig({
       gtag('config', '${googleAnalyticsTag}');`,
     ],
   ],
+
+  vite: {
+    build: {
+      rollupOptions: {
+        plugins: [visualizer()],
+      },
+    },
+  },
 });

website/client/components/TryItResultViewer.vue

@@ -1,13 +1,13 @@
 <script setup lang="ts">
 import ace, { type Ace } from 'ace-builds';
+import themeTomorrowUrl from 'ace-builds/src-noconflict/theme-tomorrow?url';
+import themeTomorrowNightUrl from 'ace-builds/src-noconflict/theme-tomorrow_night?url';
 import { Copy, Download } from 'lucide-vue-next';
 import { useData } from 'vitepress';
-import { computed, onMounted, ref, watch, defineAsyncComponent } from 'vue';
-import type { PackResult } from './api/client.js';
+import { computed, defineAsyncComponent, onMounted, ref, watch } from 'vue';
 import { VAceEditor } from 'vue3-ace-editor';
+import type { PackResult } from './api/client.js';
 import { copyToClipboard, downloadResult, formatTimestamp, getEditorOptions } from './utils/resultViewer.js';
-import themeTomorrowUrl from 'ace-builds/src-noconflict/theme-tomorrow?url';
-import themeTomorrowNightUrl from 'ace-builds/src-noconflict/theme-tomorrow_night?url';
 
 ace.config.setModuleUrl('ace/theme/tomorrow', themeTomorrowUrl);
 ace.config.setModuleUrl('ace/theme/tomorrow_night', themeTomorrowNightUrl);