From 9736015c292ab25fd92335fbcd7e0075c158e9f1 Mon Sep 17 00:00:00 2001
From: Ayo <ramon.aycojr@gmail.com>
Date: Fri, 8 Dec 2023 17:58:29 +0100
Subject: [PATCH] refactor(site, templates): use non-single tag

---
 site/src/pages/index.html            | 3 ++-
 templates/basic/src/pages/index.html | 3 ++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/site/src/pages/index.html b/site/src/pages/index.html
index d7fb641..f95dea7 100644
--- a/site/src/pages/index.html
+++ b/site/src/pages/index.html
@@ -33,7 +33,8 @@
         </p>
         <code-block>npm create <strong style="color: var(--color-blue)">mcfly</strong>@latest</code-block>
         <p>
-          Here's a sample interactive custom element: <vanilla-hello-world />
+          Here's a sample interactive custom element:
+          <vanilla-hello-world></vanilla-hello-world>
         </p>
         <p>
           Start at the very basic of writing HTML files and enhance with
diff --git a/templates/basic/src/pages/index.html b/templates/basic/src/pages/index.html
index 763c604..8798cbe 100644
--- a/templates/basic/src/pages/index.html
+++ b/templates/basic/src/pages/index.html
@@ -25,7 +25,8 @@
     <main>
       <h2>Welcome to {{ project.name }}</h2>
       <p>
-        Here's a vanilla custom element: <vanilla-hello-world />
+        Here's a vanilla custom element:
+        <vanilla-hello-world></vanilla-hello-world>
       </p>
       <code-block language="js">
 class HelloWorld extends HTMLElement {