unocss
diff --git a/‎packages-integrations/vite/src/modes/global/dev.ts‎
Lines changed: 4 additions & 3 deletions b/‎packages-integrations/vite/src/modes/global/dev.ts‎
Lines changed: 4 additions & 3 deletions
diff --git a/‎packages-integrations/vite/src/virtual.ts‎
Lines changed: 8 additions & 0 deletions b/‎packages-integrations/vite/src/virtual.ts‎
Lines changed: 8 additions & 0 deletions
diff --git a/‎test/virtual-modules.test.ts‎
Lines changed: 8 additions & 0 deletions b/‎test/virtual-modules.test.ts‎
Lines changed: 8 additions & 0 deletions
@@ -8,7 +8,7 @@ import { LAYER_MARK_ALL } from '#integration/constants'
 import { getHash } from '#integration/hash'
 import { resolveId, resolveLayer } from '#integration/layers'
 import { getPath } from '#integration/utils'
-import { toViteVirtualId } from '../../virtual'
+import { toViteClientPath, toViteVirtualId } from '../../virtual'
 import { MESSAGE_UNOCSS_ENTRY_NOT_FOUND } from './shared'
 
 const WARN_TIMEOUT = 20000
@@ -75,9 +75,10 @@ export function GlobalModeDevPlugin(ctx: UnocssPluginContext): Plugin[] {
             const mod = server.moduleGraph.getModuleById(id)
             if (!mod)
               return null
+            const path = toViteClientPath(mod.url)
             return {
-              acceptedPath: mod.url,
-              path: mod.url,
+              acceptedPath: path,
+              path,
               timestamp: lastServedTime,
               type: 'js-update',
             } as Update
 
@@ -1,7 +1,15 @@
 const VITE_VIRTUAL_ID_PREFIX = '\0'
+const VITE_CLIENT_ID_PREFIX = '/@id/'
+const VITE_NULL_BYTE_PLACEHOLDER = '__x00__'
 
 export function toViteVirtualId(id: string) {
   return id.startsWith(VITE_VIRTUAL_ID_PREFIX)
     ? id
     : `${VITE_VIRTUAL_ID_PREFIX}${id}`
 }
+
+export function toViteClientPath(id: string) {
+  return id.startsWith(VITE_VIRTUAL_ID_PREFIX)
+    ? `${VITE_CLIENT_ID_PREFIX}${id.replace(VITE_VIRTUAL_ID_PREFIX, VITE_NULL_BYTE_PLACEHOLDER)}`
+    : id
+}
@@ -2,6 +2,7 @@ import { resolve } from 'node:path'
 import * as vite from 'vite'
 import { describe, expect, it } from 'vitest'
 import UnoCSS from '../packages-integrations/vite/src/index'
+import { toViteClientPath } from '../packages-integrations/vite/src/virtual'
 
 describe('vite virtual module ids', () => {
   async function createServer(mode: 'global' | 'per-module') {
@@ -28,6 +29,13 @@ describe('vite virtual module ids', () => {
     }
   })
 
+  it('converts internal ids to public client paths', () => {
+    expect(toViteClientPath('\0/__uno.css'))
+      .toBe('/@id/__x00__/__uno.css')
+    expect(toViteClientPath('/src/main.ts'))
+      .toBe('/src/main.ts')
+  })
+
   it('uses internal ids for per-module CSS', async () => {
     const server = await createServer('per-module')