component.html.erb in lookbook-2.0.3

- old
+ new

@@ -4,11 +4,11 @@
       <% if debug_data? %>
         <li>
           <a href="#"
             class="text-xs flex items-center hover:underline"
             x-data="clipboardComponent"
-            @click.prevent.stop="copyToClipboard('#debug-data')">
+            x-on:click.prevent.stop="copyToClipboard('#debug-data')">
             <span x-show="copied" x-cloak>
               <%= icon :check, size: 2.5, class: "text-green-600" %>
             </span>
             <span x-show="!copied">
               <%= icon :clipboard, size: 2.5 %>
@@ -18,10 +18,10 @@
         </li>
       <% end %>
       <li>
         <a href="#"
           class="text-xs flex items-center hover:underline"
-          @click.stop="localStorage.clear(); window.location.reload();">
+          x-on:click.stop="localStorage.clear(); window.location.reload();">
           <%= icon :refresh_cw, size: 2.5 %>
           <span class="ml-2">Reset local storage</span>
         </a>
       </li>
     </ul>
\ No newline at end of file