From d0417674551165e90b63e1ed49ddeaeb0bd0567a Mon Sep 17 00:00:00 2001
From: Amir Raminfar <findamir@gmail.com>
Date: Mon, 21 Aug 2023 10:04:16 -0700
Subject: [PATCH] fix: cleans up storage to use only one key (#2360)

---
 assets/components/ContainerTable.vue | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/assets/components/ContainerTable.vue b/assets/components/ContainerTable.vue
index 8f26c07b..8ab06a76 100644
--- a/assets/components/ContainerTable.vue
+++ b/assets/components/ContainerTable.vue
@@ -58,6 +58,7 @@
 
 <script setup lang="ts">
 import { Container } from "@/models/Container";
+import { toRefs } from "@vueuse/core";
 
 const fields = {
   name: {
@@ -92,8 +93,12 @@ const { containers, perPage = 15 } = defineProps<{
   perPage?: number;
 }>();
 type keys = keyof typeof fields;
-const sortField = useStorage<keys>("DOZZLE_TABLE_CONTAINERS_SORT", "created");
-const direction = useStorage<1 | -1>("DOZZLE_TABLE_CONTAINERS_DIRECTION", -1);
+
+const storage = useStorage<{ column: keys; direction: 1 | -1 }>("DOZZLE_TABLE_CONTAINERS_SORT", {
+  column: "created",
+  direction: -1,
+});
+const { column: sortField, direction } = toRefs(storage);
 const sortedContainers = computedWithControl(
   () => [containers.length, sortField.value, direction.value],
   () => {