diff --git a/packages/vite/src/node/server/hmr.ts b/packages/vite/src/node/server/hmr.ts index e5d93fad8629de..64c031223a2df9 100644 --- a/packages/vite/src/node/server/hmr.ts +++ b/packages/vite/src/node/server/hmr.ts @@ -181,9 +181,8 @@ export function updateModules( } config.logger.info( - updates - .map(({ path }) => colors.green(`hmr update `) + colors.dim(path)) - .join('\n'), + colors.green(`hmr update `) + + colors.dim([...new Set(updates.map((u) => u.path))].join(', ')), { clear: true, timestamp: true } ) ws.send({ diff --git a/playground/tailwind/src/components/HelloWorld.vue b/playground/tailwind/src/components/HelloWorld.vue index 1ea9fdf2573697..b1ce4248557b39 100644 --- a/playground/tailwind/src/components/HelloWorld.vue +++ b/playground/tailwind/src/components/HelloWorld.vue @@ -5,5 +5,6 @@ diff --git a/playground/tailwind/src/utils.ts b/playground/tailwind/src/utils.ts new file mode 100644 index 00000000000000..38c21ae7a0f8d8 --- /dev/null +++ b/playground/tailwind/src/utils.ts @@ -0,0 +1,2 @@ +export const NAME = 'Tailwind' +export const INITIAL_COUNT = 1 diff --git a/playground/tailwind/src/views/Page.vue b/playground/tailwind/src/views/Page.vue index 84d4af06bb1c18..12fc2605339f1d 100644 --- a/playground/tailwind/src/views/Page.vue +++ b/playground/tailwind/src/views/Page.vue @@ -5,7 +5,7 @@
- Tailwind style + {{ name }} style
@@ -16,13 +16,16 @@ import { defineComponent, ref } from 'vue' import HelloWorld from '../components/HelloWorld.vue' import PugTemplate from '../components/PugTemplate.vue' +import { NAME } from '../utils.ts' export default defineComponent({ components: { HelloWorld, PugTemplate }, setup() { + const name = NAME const val = ref(0) return { + name, val } }