From d536282c30848fce7a8dfe344e228b3ef7e8041a Mon Sep 17 00:00:00 2001
From: "Julio Renzi C. Motol" <jrmotol.halcyondigital@gmail.com>
Date: Mon, 21 Jun 2021 11:12:49 +0800
Subject: [PATCH] Use alpinejs binding syntax to avoid conflicts with vuejs

Signed-off-by: Julio Renzi C. Motol <jrmotol.halcyondigital@gmail.com>
---
 resources/views/bootstrap-4/includes/column-select.blade.php | 2 +-
 resources/views/bootstrap-4/includes/filters.blade.php       | 2 +-
 resources/views/bootstrap-5/includes/column-select.blade.php | 2 +-
 resources/views/bootstrap-5/includes/filters.blade.php       | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/resources/views/bootstrap-4/includes/column-select.blade.php b/resources/views/bootstrap-4/includes/column-select.blade.php
index b373b072c..efa1d1a87 100644
--- a/resources/views/bootstrap-4/includes/column-select.blade.php
+++ b/resources/views/bootstrap-4/includes/column-select.blade.php
@@ -19,7 +19,7 @@ class="btn dropdown-toggle d-block w-100 d-md-inline"
 
             <div
                 class="dropdown-menu dropdown-menu-right w-100 mt-0 mt-md-3"
-                :class="{'show' : open}"
+                x-bind:class="{'show' : open}"
                 aria-labelledby="columnSelect"
             >
                 @foreach($columns as $column)
diff --git a/resources/views/bootstrap-4/includes/filters.blade.php b/resources/views/bootstrap-4/includes/filters.blade.php
index 7bed72ec8..aa32325c1 100644
--- a/resources/views/bootstrap-4/includes/filters.blade.php
+++ b/resources/views/bootstrap-4/includes/filters.blade.php
@@ -23,7 +23,7 @@ class="btn dropdown-toggle d-block w-100 d-md-inline"
         </button>
         <ul
             class="dropdown-menu w-100 mt-md-3"
-            :class="{'show' : open}"
+            x-bind:class="{'show' : open}"
             role="menu"
         >
             <li>
diff --git a/resources/views/bootstrap-5/includes/column-select.blade.php b/resources/views/bootstrap-5/includes/column-select.blade.php
index a0ed7db4b..b92e61a2c 100644
--- a/resources/views/bootstrap-5/includes/column-select.blade.php
+++ b/resources/views/bootstrap-5/includes/column-select.blade.php
@@ -19,7 +19,7 @@ class="btn dropdown-toggle d-block w-100 d-md-inline"
 
             <div
                 class="dropdown-menu dropdown-menu-end w-100"
-                :class="{'show' : open}"
+                x-bind:class="{'show' : open}"
                 aria-labelledby="columnSelect"
             >
                 @foreach($columns as $column)
diff --git a/resources/views/bootstrap-5/includes/filters.blade.php b/resources/views/bootstrap-5/includes/filters.blade.php
index adadf342e..c3f55fe81 100644
--- a/resources/views/bootstrap-5/includes/filters.blade.php
+++ b/resources/views/bootstrap-5/includes/filters.blade.php
@@ -23,7 +23,7 @@ class="btn dropdown-toggle d-block w-100 d-md-inline"
         </button>
         <ul
             class="dropdown-menu w-100"
-            :class="{'show' : open}"
+            x-bind:class="{'show' : open}"
             role="menu"
         >
             <li>