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 @@ -