card locking and event triggering WIP

app.vue

@@ -1,8 +1,10 @@
 <script setup lang="ts">
 import { ref } from 'vue';
 const cards = useState<{ [key: string]: any }>('cards', () => ({}))
+const effects = useState<{ [key: string]: any }>('effects', () => ({}))
 const players = useState<{ [key: string]: any }>('players', () => ({}))
 const teams = useState<{ [key: string]: any }>('teams', () => ({}))
+const turns = useState<{ [key: string]: any }>('turns', () => ({}))
 const self = useState<string>('self')
 const gameObjects = useState<{ [key: string]: any }>('gameObject', () => ({}))
 
@@ -14,6 +16,10 @@ let username = ref<string>('legonzaur')
 
 
 const createObject = {
+  "effect": (data: any) => {
+    effects.value[data.uuid] = data
+    gameObjects.value[data.uuid] = data
+  },
   "card": (data: any) => {
     cards.value[data.uuid] = data
     gameObjects.value[data.uuid] = data
@@ -29,6 +35,10 @@ const createObject = {
   "team": (data: any) => {
     teams.value[data.uuid] = data
     gameObjects.value[data.uuid] = data
+  },
+  "turn": (data: any) => {
+    turns.value[data.uuid] = data
+    gameObjects.value[data.uuid] = data
   }
 } as { [id: string]: (data: Object) => any }