fix compile

Author: jogibear9988

package-lock.json

@@ -25,7 +25,7 @@
     "@node-projects/base-custom-webcomponent": "0.23.0",
     "@node-projects/web-component-designer": "^0.1.96",
     "@node-projects/web-component-designer-codeview-monaco": "^0.1.18",
-    "@node-projects/web-component-designer-zpl": "^0.1.13",
+    "@node-projects/web-component-designer-zpl": "^0.1.15",
     "es-module-shims": "^1.8.3"
   }
 }

package.json

@@ -1,6 +1,6 @@
 import { DocumentContainer, PaletteView, PropertyGridWithHeader } from '@node-projects/web-component-designer';
 import { CodeViewMonaco } from '@node-projects/web-component-designer-codeview-monaco';
-import { createZplDesignerServiceContainer } from '@node-projects/web-component-designer-zpl';
+import { addZplLanguageToMonaco, createZplDesignerServiceContainer } from '@node-projects/web-component-designer-zpl';
 
 await window.customElements.whenDefined("node-projects-document-container");
 
@@ -13,6 +13,9 @@ serviceContainer.config.codeViewWidget = CodeViewMonaco;
 const documentContainer = new DocumentContainer(serviceContainer);
 documentContainer.style.gridArea = 'c';
 document.getElementById('root').appendChild(documentContainer);
+(<CodeViewMonaco>documentContainer.codeView).language = "zplLanguage";
+(<CodeViewMonaco>documentContainer.codeView).theme = "zplTheme";
+addZplLanguageToMonaco();
 
 paletteView.loadControls(serviceContainer, serviceContainer.getServices('elementsService'));
 propertyGridWithHeader.serviceContainer = serviceContainer;