feat: add vite version to devtools context and homepage

packages/core/src/node/context.ts

@@ -32,12 +32,13 @@ export async function createDevToolsContext(
 ): Promise<DevToolsNodeContext> {
   const cwd = viteConfig.root
 
-  const { searchForWorkspaceRoot } = await import('vite')
+  const { searchForWorkspaceRoot, version: viteVersion } = await import('vite')
   const context: DevToolsNodeContext = {
     cwd,
     workspaceRoot: searchForWorkspaceRoot(cwd) ?? cwd,
     viteConfig,
     viteServer,
+    viteVersion,
     mode: viteConfig.command === 'serve' ? 'dev' : 'build',
     rpc: undefined!,
     docks: undefined!,

packages/kit/src/types/vite-plugin.ts

@@ -43,6 +43,10 @@ export interface DevToolsNodeContext {
    * Vite dev server instance (only available in dev mode)
    */
   readonly viteServer?: ViteDevServer
+  /**
+   * Vite version for the current runtime
+   */
+  readonly viteVersion: string
   /**
    * RPC functions host, for registering server-side RPC functions and calling client-side RPC functions
    */

packages/vite/src/app/pages/home.vue

@@ -31,6 +31,12 @@ const metadata = computed(() => [
     id: 'project',
     icon: 'i-material-icon-theme:vite',
     rows: [
+      {
+        id: 'version',
+        icon: 'i-system-uicons:version',
+        label: 'Version',
+        value: projectMetadata.value?.version,
+      },
       {
         id: 'root',
         icon: 'i-ph-folder-duotone',

packages/vite/src/node/rpc/functions/vite-meta-info.ts

@@ -11,6 +11,7 @@ export const viteMetaInfo = defineRpcFunction({
         return {
           root,
           base,
+          version: context.viteVersion,
           plugins: plugins.map(p => p.name),
         }
       },