fix: use mini events

Author: jorenrui

index.html

@@ -1508,10 +1508,11 @@ <h3 class="font-bold font-mono">Multi Select:</h3>
           :class="activeSection =='about' ? 'active' : ''"
         >
           <a
-            onclick="activeSection='about'"
+            :click="activeSection='about'"
             class="cursor-pointer font-bold p-4"
-            >About Us</a
           >
+            About Us
+          </a>
           <div class="overflow-hidden">
             <div class="p-4 pt-2">
               Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam
@@ -1525,10 +1526,11 @@ <h3 class="font-bold font-mono">Multi Select:</h3>
           :class="activeSection =='contact' ? 'active' : ''"
         >
           <a
-            onclick="activeSection='contact'"
+            :click="activeSection='contact'"
             class="cursor-pointer font-bold p-4"
-            >Contact Us</a
           >
+            Contact Us
+          </a>
           <div class="overflow-hidden">
             <div class="p-4 pt-2">
               Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam
@@ -1541,9 +1543,9 @@ <h3 class="font-bold font-mono">Multi Select:</h3>
           class="grid transition-all border-gray-300 border rounded hover:bg-gray-100"
           :class="activeSection =='team' ? 'active' : ''"
         >
-          <a onclick="activeSection='team'" class="cursor-pointer font-bold p-4"
-            >Team 3</a
-          >
+          <a :click="activeSection='team'" class="cursor-pointer font-bold p-4">
+            Team 3
+          </a>
           <div class="overflow-hidden">
             <div class="p-4 pt-2">
               Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam