Initial commit

assets/js/hooks/localStorageSetting.ts

@@ -0,0 +1,19 @@
+export default {
+  key(): string {
+    return this.el.dataset.key;
+  },
+
+  getItem(key: string) {
+    return localStorage.getItem(key);
+  },
+
+  setItem(key: string, value: string) {
+    return localStorage.setItem(key, value);
+  },
+
+  mounted() {
+    const key = this.key();
+    this.pushEvent(`ls_restore_${key}`, { value: this.getItem(key) });
+    this.handleEvent(`ls_update_${key}`, ({ value }) => this.setItem(key, value));
+  },
+};