From f43c22d636b62846e657ae45a92d46f859f0cc33 Mon Sep 17 00:00:00 2001
From: Ilia Miheev <imiheev774@gmail.com>
Date: Sat, 6 Jun 2026 07:48:58 +0300
Subject: [PATCH] =?UTF-8?q?=D0=A4=D0=B8=D0=BA=D1=81=20=D0=B1=D0=B0=D0=B3?=
 =?UTF-8?q?=D0=B0=20=D1=81=20=D0=BF=D0=BE=D1=82=D0=B5=D1=80=D0=B5=D0=B9=20?=
 =?UTF-8?q?=D0=BC=D0=B0=D1=80=D1=88=D1=80=D1=83=D1=82=D0=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Если составить маршрут -> перейти в превью и вертуться обратно на главную, то весь маршрут сотрётся. Тоже сомое если посмотреть термины и вернуться.
---
 src/composables/usePlannerState.js | 33 ++++++++++++++++++++++++++++++
 src/views/PlannerView.vue          | 21 +++----------------
 2 files changed, 36 insertions(+), 18 deletions(-)
 create mode 100644 src/composables/usePlannerState.js

diff --git a/src/composables/usePlannerState.js b/src/composables/usePlannerState.js
new file mode 100644
index 0000000..1af94ac
--- /dev/null
+++ b/src/composables/usePlannerState.js
@@ -0,0 +1,33 @@
+import { ref } from 'vue'
+
+const numbers = ref([])
+const clickCount = ref(1)
+const listOfTrips = ref([])
+
+function createEmptyGrid() {
+    return Array.from({ length: 100 }, (_, i) => ({
+        variable: [],
+        x: i % 10,
+        y: 9 - Math.floor(i / 10),
+        index: i,
+        isPlatform: false,
+        isQR: false,
+        BgImg: 'images/ArUco-marker.jpg',
+    }))
+}
+
+function ensureGridInitialized() {
+    if (numbers.value.length === 0) {
+        numbers.value = createEmptyGrid()
+    }
+}
+
+export function usePlannerState() {
+    ensureGridInitialized()
+
+    return {
+        numbers,
+        clickCount,
+        listOfTrips,
+    }
+}
diff --git a/src/views/PlannerView.vue b/src/views/PlannerView.vue
index f18135e..0da68eb 100644
--- a/src/views/PlannerView.vue
+++ b/src/views/PlannerView.vue
@@ -1,5 +1,5 @@
 <script setup>
-import { ref, onMounted, h, inject, provide } from "vue";
+import { ref, h, inject, provide } from "vue";
 import { useRouter } from "vue-router";
 import izitoast from "@/shared/izitoast";
 import { useEventListener } from "@vueuse/core";
@@ -16,32 +16,17 @@ import Trash from "@/components/UI/svg/Trash.vue";
 import Back from "@/components/UI/svg/Back.vue";
 import { NTooltip } from 'naive-ui'
 import { useFlightCode } from '@/composables/useFlightCode'
+import { usePlannerState } from '@/composables/usePlannerState'
 
 
 const router = useRouter()
 const { finallyText } = useFlightCode()
+const { numbers, clickCount, listOfTrips } = usePlannerState()
 
-const numbers = ref([]);
-const clickCount = ref(1);
-const listOfTrips = ref([]);
 const isModalVisible = ref(false);
 const dropMenu = ref(null);
 provide('dropMenu', dropMenu);
 
-onMounted(() => {
-    for (let i = 0; i < 100; i++) {
-        numbers.value.push({
-            variable: [],
-            x: i % 10,
-            y: 9 - Math.floor(i / 10),
-            index: i,
-            isPlatform: false,
-            isQR: false,
-            BgImg: 'images/ArUco-marker.jpg'
-        });
-    }
-});
-
 function setNumber(item) {
     let valueOfMarker = item.variable[0];
     if (valueOfMarker === "") {