From 508de4028a35d55af8b0ef8f53c9d06879a59785 Mon Sep 17 00:00:00 2001
From: Lorenzo Pieri <79904453+404answernotfound@users.noreply.github.com>
Date: Sun, 14 Apr 2024 21:29:03 +0200
Subject: [PATCH] docs: added comment to code

---
 src/guide/essentials/component-basics.md | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/guide/essentials/component-basics.md b/src/guide/essentials/component-basics.md
index 057b916b31..a7342e7898 100644
--- a/src/guide/essentials/component-basics.md
+++ b/src/guide/essentials/component-basics.md
@@ -466,9 +466,10 @@ Which might render something like:
 Something bad happened.
 :::
 
-This can be achieved using Vue's custom `<slot>` element, which in our example is being used in the AlertBox component implementation:
+This can be achieved using Vue's custom `<slot>` element:
 
 ```vue{4}
+<!-- AlertBox.vue -->
 <template>
   <div class="alert-box">
     <strong>This is an Error for Demo Purposes</strong>