diff --git a/demo/index.html b/demo/index.html
index bccb1af..19aa9dd 100644
--- a/demo/index.html
+++ b/demo/index.html
@@ -9,6 +9,13 @@
     <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap" rel="stylesheet">
     <link rel="stylesheet" href="/assets/fonts/phosphor-icons/src/css/icons.css">
     <link rel="stylesheet" href="/css/kit.css">
+    <script type="importmap">
+    {
+      "imports": {
+        "vue": "https://unpkg.com/vue@3.4.0/dist/vue.esm-browser.js"
+      }
+    }
+    </script>
     <style>
       main.container {
         display: flex;
diff --git a/demo/partials/confirm-dialog.html b/demo/partials/confirm-dialog.html
index 9b24298..7450e4a 100644
--- a/demo/partials/confirm-dialog.html
+++ b/demo/partials/confirm-dialog.html
@@ -10,14 +10,15 @@
   <div id="vue-confirm-app" class="vue-mount"></div>
   <script type="module">
     import { createApp, ref } from "vue";
-    import { GnButton, GnConfirmDialog } from "/js/gnexus-ui-kit.esm.js";
+    import { GnButton, GnConfirmDialog } from "/vue/index.js";
 
     createApp({
       components: { GnButton, GnConfirmDialog },
       setup() {
         const open = ref(false);
         return { open };
-      }
+      },
+      template: document.getElementById("vue-confirm-template").innerHTML
     }).mount("#vue-confirm-app");
   </script>
   <!-- Inline fallback if ESM import fails in raw file preview -->
diff --git a/public/assets/avatar-placeholder.png b/public/assets/avatar-placeholder.png
new file mode 100644
index 0000000..f332fbc
--- /dev/null
+++ b/public/assets/avatar-placeholder.png
Binary files differ