From 7a1f907942dd35c1d261d4c62f4b0a774ad5ee30 Mon Sep 17 00:00:00 2001
From: Remco Veldkamp <remcoder@gmail.com>
Date: Thu, 26 Jun 2025 13:12:32 +0200
Subject: [PATCH] Prevent error from undefined build volume

---
 demo/index.html | 2 +-
 demo/js/app.js  | 8 +++++---
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/demo/index.html b/demo/index.html
index db9a78a5..febd8c9f 100644
--- a/demo/index.html
+++ b/demo/index.html
@@ -202,7 +202,7 @@ <h1 class="text-center m-3 mb-5">GCode Preview
                   <label for="drawBuildVolume">Render build volume</label>
                   <input type="checkbox" v-model="settings.drawBuildVolume" />
                 </div>
-                <div :class="{'has-text-grey' : !settings.drawBuildVolume}">
+                <div v-if="settings.buildVolume" :class="{'has-text-grey' : !settings.drawBuildVolume}">
                   <div class="controls">
                     <label for="buildVolumeX">Build volume (x)&nbsp;</label>
                     <input type="number" v-model="settings.buildVolume.x" step=10 :disabled="!settings.drawBuildVolume" />
diff --git a/demo/js/app.js b/demo/js/app.js
index aaee95e5..58d56b86 100644
--- a/demo/js/app.js
+++ b/demo/js/app.js
@@ -183,9 +183,11 @@ export const app = (window.app = createApp({
 
       watchEffect(() => {
         preview.buildVolume = settings.value.drawBuildVolume ? settings.value.buildVolume : undefined;
-        preview.buildVolume.x = +settings.value.buildVolume.x;
-        preview.buildVolume.y = +settings.value.buildVolume.y;
-        preview.buildVolume.z = +settings.value.buildVolume.z;
+        if (preview.buildVolume) {
+          preview.buildVolume.x = +settings.value.buildVolume.x;
+          preview.buildVolume.y = +settings.value.buildVolume.y;
+          preview.buildVolume.z = +settings.value.buildVolume.z;
+        }
 
         preview.renderTravel = settings.value.renderTravel;
         preview.travelColor = settings.value.travelColor;