diff --git a/packages/core/playground/src/pages/index.vue b/packages/core/playground/src/pages/index.vue
index c91c641f..5b306147 100644
--- a/packages/core/playground/src/pages/index.vue
+++ b/packages/core/playground/src/pages/index.vue
@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import DisplayBadge from '@vitejs/devtools-ui/components/DisplayBadge.vue'
 import HelloWorld from '../components/HelloWorld.vue'
 </script>
 
@@ -12,6 +13,7 @@ import HelloWorld from '../components/HelloWorld.vue'
     </a>
   </div>
   <HelloWorld msg="Vite + Vue" />
+  <DisplayBadge text="<DisplayBadge />" />
 </template>
 
 <style scoped>