diff --git a/src/components/Game.vue b/src/components/Game.vue
index 1975696..a1b239f 100644
--- a/src/components/Game.vue
+++ b/src/components/Game.vue
@@ -29,14 +29,23 @@ import player from "game/player";
import { computed, toRef, unref } from "vue";
import Layer from "./Layer.vue";
import Nav from "./Nav.vue";
+import { deepUnref } from "util/vue";
const tabs = toRef(player, "tabs");
const layerKeys = computed(() => Object.keys(layers));
const useHeader = projInfo.useHeader;
function gatherLayerProps(layer: GenericLayer) {
- const { display, minimized, name, color, minimizable, nodes, minimizedDisplay } = layer;
- return { display, minimized, name, color, minimizable, nodes, minimizedDisplay };
+ const { display, name, color, minimizable, minimizedDisplay } = deepUnref(layer);
+ return {
+ display,
+ name,
+ color,
+ minimizable,
+ minimizedDisplay,
+ minimized: layer.minimized,
+ nodes: layer.nodes
+ };
}
diff --git a/src/components/Layer.vue b/src/components/Layer.vue
index 1857535..7471c66 100644
--- a/src/components/Layer.vue
+++ b/src/components/Layer.vue
@@ -23,80 +23,48 @@
-
diff --git a/src/components/fields/Select.vue b/src/components/fields/Select.vue
index 72a31b2..067736f 100644
--- a/src/components/fields/Select.vue
+++ b/src/components/fields/Select.vue
@@ -16,8 +16,8 @@
diff --git a/src/features/bars/Bar.vue b/src/features/bars/Bar.vue
index 4d7bb16..089df09 100644
--- a/src/features/bars/Bar.vue
+++ b/src/features/bars/Bar.vue
@@ -41,107 +41,68 @@
-