Merge pull request #146 from ryangjchandler/feature/store-specific-dr…

…ivers feature: store specific drivers
ryangjchandler · Apr 11, 2021 · 968b4d0 · 968b4d0
2 parents ff2fa6f + bab9b9c
commit 968b4d0
Show file tree

Hide file tree

Showing 5 changed files with 702 additions and 639 deletions.
diff --git a/dist/spruce.umd.js b/dist/spruce.umd.js
diff --git a/dist/spruce.umd.js.map b/dist/spruce.umd.js.map
diff --git a/examples/store-specific-drivers.html b/examples/store-specific-drivers.html
@@ -0,0 +1,30 @@
+<html>
+    <head>
+        <script src="https://cdn.jsdelivr.net/gh/alpinejs/[email protected]/dist/alpine.js" defer></script>
+    </head>
+    <body>
+        <div x-data>
+            <p>This store uses the `localStorage` driver for persistence.</p>
+            <p>Toggle the checkbox and see the data persist to the next page load.</p>
+            <input type="checkbox" x-model="$store.localStorage.checked">
+        </div>
+
+        <div x-data>
+            <p>This store uses the `sessionStorage` driver for persistence.</p>
+            <p>Toggle the checkbox and see the data persist to the next page load.</p>
+            <input type="checkbox" x-model="$store.sessionStorage.checked">
+        </div>
+
+        <script src="/dist/spruce.umd.js"></script>
+
+        <script>
+            Spruce.store('localStorage', {
+                checked: false,
+            }, true)
+
+            Spruce.store('sessionStorage', {
+                checked: false,
+            }, window.sessionStorage)
+        </script>
+    </body>
+</html>