From cdfcee39ae45b04f8ef07d7dd3fff5d7a82fd41b Mon Sep 17 00:00:00 2001
From: Padreug <padreug@aiolabs.dev>
Date: Mon, 27 Apr 2026 10:48:02 +0200
Subject: [PATCH] fix: use explicit closing tags for Vue custom elements

Self-closing tags on custom elements (q-icon, q-badge) cause
Vue compiler-30 (missing end tag) errors in HTML-parsed templates.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 templates/events/index.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/templates/events/index.html b/templates/events/index.html
index 131dfe9..d7fea01 100644
--- a/templates/events/index.html
+++ b/templates/events/index.html
@@ -16,9 +16,9 @@
         <div class="row items-center no-wrap q-mb-md">
           <div class="col">
             <h5 class="text-subtitle1 q-my-none">
-              <q-icon name="pending" color="orange" class="q-mr-sm" />
+              <q-icon name="pending" color="orange" class="q-mr-sm"></q-icon>
               Pending Approvals
-              <q-badge color="orange" :label="pendingEvents.length" class="q-ml-sm" />
+              <q-badge color="orange" :label="pendingEvents.length" class="q-ml-sm"></q-badge>
             </h5>
           </div>
         </div>