From 74f6416521af258a66416de72095a53dc73309a9 Mon Sep 17 00:00:00 2001
From: Ilia Miheev <imiheev774@gmail.com>
Date: Sun, 26 Jul 2026 14:26:50 +0300
Subject: [PATCH] =?UTF-8?q?=D0=A1=D0=BE=D1=85=D1=80=D0=B0=D0=BD=D0=B5?=
 =?UTF-8?q?=D0=BD=D0=B8=D0=B5=20=D0=B7=D0=BD=D0=B0=D1=87=D0=B5=D0=BD=D0=B8?=
 =?UTF-8?q?=D0=B9=20=D0=B2=20localstorage=20#4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/generators/CoinGenerator.vue  | 18 +++++--
 src/components/generators/ListGenerator.vue  | 26 +++++++++--
 src/components/generators/RangeGenerator.vue | 30 +++++++++---
 src/utils/persistForm.js                     | 49 ++++++++++++++++++++
 4 files changed, 109 insertions(+), 14 deletions(-)
 create mode 100644 src/utils/persistForm.js

diff --git a/src/components/generators/CoinGenerator.vue b/src/components/generators/CoinGenerator.vue
index 335d9b6..864a08f 100644
--- a/src/components/generators/CoinGenerator.vue
+++ b/src/components/generators/CoinGenerator.vue
@@ -13,16 +13,28 @@
 <script>
 import { ElMessage } from 'element-plus'
 import { flipCoin } from '@/utils/random'
+import { loadFormState, saveFormState } from '@/utils/persistForm'
+
+const STORAGE_KEY = 'coin'
+const DEFAULTS = {
+  count: 1
+}
 
 export default {
   name: 'CoinGenerator',
   emits: ['result'],
   data() {
-    return {
-      count: 1
-    }
+    return loadFormState(STORAGE_KEY, DEFAULTS)
+  },
+  watch: {
+    count: 'persist'
   },
   methods: {
+    persist() {
+      saveFormState(STORAGE_KEY, {
+        count: this.count
+      })
+    },
     onGenerate() {
       if (this.count < 1) {
         ElMessage.error('Количество должно быть не меньше 1')
diff --git a/src/components/generators/ListGenerator.vue b/src/components/generators/ListGenerator.vue
index 9eacdce..e0a4216 100644
--- a/src/components/generators/ListGenerator.vue
+++ b/src/components/generators/ListGenerator.vue
@@ -23,16 +23,20 @@
 <script>
 import { ElMessage } from 'element-plus'
 import { generateFromList } from '@/utils/random'
+import { loadFormState, saveFormState } from '@/utils/persistForm'
+
+const STORAGE_KEY = 'list'
+const DEFAULTS = {
+  rawList: 'яблоко\nбанан\nвишня\nгруша\nдыня',
+  count: 1,
+  unique: false
+}
 
 export default {
   name: 'ListGenerator',
   emits: ['result'],
   data() {
-    return {
-      rawList: 'яблоко\nбанан\nвишня\nгруша\nдыня',
-      count: 1,
-      unique: false
-    }
+    return loadFormState(STORAGE_KEY, DEFAULTS)
   },
   computed: {
     items() {
@@ -42,7 +46,19 @@ export default {
         .filter(Boolean)
     }
   },
+  watch: {
+    rawList: 'persist',
+    count: 'persist',
+    unique: 'persist'
+  },
   methods: {
+    persist() {
+      saveFormState(STORAGE_KEY, {
+        rawList: this.rawList,
+        count: this.count,
+        unique: this.unique
+      })
+    },
     onGenerate() {
       if (!this.items.length) {
         ElMessage.error('Список пуст — добавьте хотя бы одно значение')
diff --git a/src/components/generators/RangeGenerator.vue b/src/components/generators/RangeGenerator.vue
index 697b619..aa3909f 100644
--- a/src/components/generators/RangeGenerator.vue
+++ b/src/components/generators/RangeGenerator.vue
@@ -21,19 +21,37 @@
 <script>
 import { ElMessage } from 'element-plus'
 import { generateRange } from '@/utils/random'
+import { loadFormState, saveFormState } from '@/utils/persistForm'
+
+const STORAGE_KEY = 'range'
+const DEFAULTS = {
+  min: 1,
+  max: 100,
+  count: 5,
+  unique: false
+}
 
 export default {
   name: 'RangeGenerator',
   emits: ['result'],
   data() {
-    return {
-      min: 1,
-      max: 100,
-      count: 5,
-      unique: false
-    }
+    return loadFormState(STORAGE_KEY, DEFAULTS)
+  },
+  watch: {
+    min: 'persist',
+    max: 'persist',
+    count: 'persist',
+    unique: 'persist'
   },
   methods: {
+    persist() {
+      saveFormState(STORAGE_KEY, {
+        min: this.min,
+        max: this.max,
+        count: this.count,
+        unique: this.unique
+      })
+    },
     onGenerate() {
       if (this.min > this.max) {
         ElMessage.error('Минимум не может быть больше максимума')
diff --git a/src/utils/persistForm.js b/src/utils/persistForm.js
new file mode 100644
index 0000000..e2d43d7
--- /dev/null
+++ b/src/utils/persistForm.js
@@ -0,0 +1,49 @@
+const PREFIX = 'irandom:form:'
+
+function readStored(key, defaults) {
+  try {
+    const raw = localStorage.getItem(PREFIX + key)
+    if (!raw) {
+      return {}
+    }
+    const parsed = JSON.parse(raw)
+    if (!parsed || typeof parsed !== 'object' || Array.isArray(parsed)) {
+      return {}
+    }
+
+    const out = {}
+    for (const field of Object.keys(defaults)) {
+      if (!Object.prototype.hasOwnProperty.call(parsed, field)) {
+        continue
+      }
+      if (typeof parsed[field] !== typeof defaults[field]) {
+        continue
+      }
+      out[field] = parsed[field]
+    }
+    return out
+  } catch {
+    return {}
+  }
+}
+
+/**
+ * Merge defaults with values previously saved in localStorage.
+ */
+export function loadFormState(key, defaults) {
+  return {
+    ...defaults,
+    ...readStored(key, defaults)
+  }
+}
+
+/**
+ * Persist form fields (not results) to localStorage.
+ */
+export function saveFormState(key, state) {
+  try {
+    localStorage.setItem(PREFIX + key, JSON.stringify(state))
+  } catch {
+    // ignore quota / private mode
+  }
+}