From 24d9121b2bc19b0dd0bbaa98ba50c31552ca3647 Mon Sep 17 00:00:00 2001
From: Pihkaal <pihkaal@proton.me>
Date: Thu, 29 Jan 2026 21:10:27 +0100
Subject: [PATCH] feat(settings/options/2048): save board state to local
 storage

---
 .../BottomScreen/Menus/Options/GbaMode.vue    | 22 ++++++++++++++-----
 1 file changed, 17 insertions(+), 5 deletions(-)

diff --git a/app/components/Settings/BottomScreen/Menus/Options/GbaMode.vue b/app/components/Settings/BottomScreen/Menus/Options/GbaMode.vue
index eeabc82..85276fb 100644
--- a/app/components/Settings/BottomScreen/Menus/Options/GbaMode.vue
+++ b/app/components/Settings/BottomScreen/Menus/Options/GbaMode.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-// TODO: store state in local storage
+import { useLocalStorage } from "@vueuse/core";
 
 const store = useSettingsStore();
 const confirmationModal = useConfirmationModal();
@@ -54,9 +54,17 @@ const BOARD_X = 64;
 const BOARD_Y = 32;
 const BOARD_SIZE = 4;
 
-const board = Array.from({ length: BOARD_SIZE }, () =>
-  Array.from({ length: BOARD_SIZE }, () => 0),
-);
+const emptyBoard = () =>
+  Array.from({ length: BOARD_SIZE }, () =>
+    Array.from({ length: BOARD_SIZE }, () => 0),
+  );
+
+const savedBoard = useLocalStorage("nds-2048-board", emptyBoard());
+const board = savedBoard.value.map((r) => [...r]);
+
+const saveBoard = () => {
+  savedBoard.value = board.map((r) => [...r]);
+};
 
 onRender((ctx) => {
   assets.images.home.topScreen.background.draw(ctx, 0, 0);
@@ -182,6 +190,7 @@ const resetBoard = () => {
 
   spawnTile();
   spawnTile();
+  saveBoard();
 };
 
 const isDead = () => {
@@ -198,7 +207,9 @@ const isDead = () => {
   return true;
 };
 
-resetBoard();
+if (board.every((r) => r.every((c) => c === 0))) {
+  resetBoard();
+}
 
 const slide = (rowDir: number, colDir: number) => {
   const before = board.map((r) => [...r]);
@@ -211,6 +222,7 @@ const slide = (rowDir: number, colDir: number) => {
   if (!moved) return;
 
   spawnTile();
+  saveBoard();
   if (isDead()) {
     confirmationModal.open({
       text: "Game Over!\nRestart?",