basic card display

app.vue

@@ -1,12 +1,12 @@
 <script setup lang="ts">
-import { reactive, ref } from 'vue';
-const cards = reactive<{ [key: string]: any }>({})
+import { ref } from 'vue';
+const cards = useState<{ [key: string]: any }>('cards', () => ({}))
 let game = ref<any>({})
 const socket = new WebSocket("ws://127.0.0.1:8765")
 
 const createObject = {
   "card": (data: any) => {
-    cards[data.uuid] = data
+    cards.value[data.uuid] = data
   },
   "player": () => { },
   "game": (data: any) => { game.value = data },