diff --git a/pages/index.vue b/pages/index.vue
index 79720e0dc576b43d2b3ae7940095011c27ec4f2a..f59f675e10737bb1fdbf947dac5353d9f68db6cf 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -4,7 +4,11 @@
   <div class="row">
     <div class="col-6 m-auto text-center">
       <button class="btn btn-primary mb-3" @click="helloWorld($event)" data-response="Hello world !">Hello ?</button>
-      <p>{{ hello }}</p>
+      <p class="badge-warning">{{ hello }}</p>
+      <p class="badge-danger">{{ hello }}</p>
+      <p class="badge-secondary">{{ hello }}</p>
+      <p class="badge-sucess">{{ hello }}</p>
+      <p class="badge-info">{{ hello }}</p>
     </div>
   </div>
 </main>