From 3e8b22973cb21e47b4b1b72c4025006609996c5f Mon Sep 17 00:00:00 2001
From: Rodrigo <rodrigo@Rodrigos-MacBook-Pro.local>
Date: Sun, 18 Sep 2022 00:20:38 -0300
Subject: [PATCH] nested-mov - add the nestedSortable - ignore package lock
 file

---
 .gitignore |  1 +
 index.html | 29 +++++++++++++++++++++++++++++
 2 files changed, 30 insertions(+)

diff --git a/.gitignore b/.gitignore
index 63520da..d44cbb6 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,3 +1,4 @@
 node_modules
 dist
 build
+package-lock.json
\ No newline at end of file
diff --git a/index.html b/index.html
index e404d8e..45295ac 100644
--- a/index.html
+++ b/index.html
@@ -157,6 +157,35 @@ <h2 class="text-xl mt-8 mb-2">With custom handler</h2>
             Get the groceries
           </li>
         </ul>
+
+        <h2 class="text-xl mt-8 mb-2">Nested</h2>
+        <div id="nested">
+          <div data-controller="sortable" class="sortable grid grid-cols-2 gap-2">
+            <div class="block p-4 border border-8 border-gray-600 rounded-sm">
+              Volkswagen
+              <div data-controller="sortable" class="sortable">
+                <div class="block mb-4 p-4 border border-8 border-gray-600 rounded-sm">
+                  Chrysler LeBaron
+                </div>
+                <div class="block mb-4 p-4 border border-8 border-gray-600 rounded-sm">
+                  Dodge Roadster
+                </div>
+              </div>
+            </div>
+
+            <div class="block p-4 border border-8 border-gray-600 rounded-sm">
+              Maserati
+              <div data-controller="sortable" class="sortable">
+                <div class="block mb-4 p-4 border border-8 border-gray-600 rounded-sm">
+                  Fiat Durango
+                </div>
+                <div class="block mb-4 p-4 border border-8 border-gray-600 rounded-sm">
+                  Mini Roadster
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
       </section>
     </div>