From b7d48a5c4b0d01795b4d4fd84a986763f46db947 Mon Sep 17 00:00:00 2001
From: Anthony Fu <anthonyfu117@hotmail.com>
Date: Sat, 6 Aug 2022 00:58:02 +0800
Subject: [PATCH] chore(vite): improve module timestamp

---
 examples/vite-vue3/src/App.vue        | 2 +-
 packages/vite/src/modes/global/dev.ts | 4 +++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/examples/vite-vue3/src/App.vue b/examples/vite-vue3/src/App.vue
index a03817e3ee..93b1313bef 100644
--- a/examples/vite-vue3/src/App.vue
+++ b/examples/vite-vue3/src/App.vue
@@ -1,7 +1,7 @@
 <template>
   <div text-center font-sans p4>
     <div logo />
-    <div text-green5>
+    <div text-green5 text-lg>
       Hello UnoCSS + Vue
     </div>
   </div>
diff --git a/packages/vite/src/modes/global/dev.ts b/packages/vite/src/modes/global/dev.ts
index d8883f2035..93372debf7 100644
--- a/packages/vite/src/modes/global/dev.ts
+++ b/packages/vite/src/modes/global/dev.ts
@@ -16,6 +16,7 @@ export function GlobalModeDevPlugin({ uno, tokens, affectedModules, onInvalidate
 
   let invalidateTimer: any
   const lastServedHash = new Map<string, string>()
+  let lastServedTime = Date.now()
   let resolved = false
   let resolvedWarnTimer: any
 
@@ -55,7 +56,7 @@ export function GlobalModeDevPlugin({ uno, tokens, affectedModules, onInvalidate
             return <Update>{
               acceptedPath: mod.url,
               path: mod.url,
-              timestamp: Date.now(),
+              timestamp: lastServedTime,
               type: 'js-update',
             }
           })
@@ -137,6 +138,7 @@ export function GlobalModeDevPlugin({ uno, tokens, affectedModules, onInvalidate
           : result.getLayer(layer)
         const hash = getHash(css || '', HASH_LENGTH)
         lastServedHash.set(layer, hash)
+        lastServedTime = Date.now()
         // add hash to the chunk of CSS that it will send back to client to check if there is new CSS generated
         return `/*${hash}*/${css}`
       },