diff --git a/apps/demo-vue/src/App.vue b/apps/demo-vue/src/App.vue
index 06a310e9..a5a23250 100644
--- a/apps/demo-vue/src/App.vue
+++ b/apps/demo-vue/src/App.vue
@@ -7,7 +7,7 @@
     <section>
       <h2>Stencil Components</h2>
       <div class="component-row">
-        <orama-chat-box :index="{
+        <orama-chat-box .index="{
           api_key: 'yl2JSnjLNBV6FVfUWEyadpjFr6KzPiDR',
           endpoint: 'https://cloud.orama.run/v1/indexes/recipes-m7w9mm',
       }" />