Fix TypeError when setting YAML lineLength

Regression from openhab#2267.

Signed-off-by: Florian Hotze <[email protected]>

Author: florian-h05

bundles/org.openhab.ui/web/src/pages/developer/blocks/blocks-edit.vue

@@ -101,13 +101,13 @@
 </style>
 
 <script>
-import YAML, { Schema } from 'yaml'
+import YAML from 'yaml'
 
 import BlocklyEditor from '@/components/config/controls/blockly-editor.vue'
 import BlockPreview from './block-preview.vue'
 import DirtyMixin from '@/pages/settings/dirty-mixin'
 
-Schema.toStringDefaults.lineWidth = 0
+const toStringOptions = { toStringDefaults: { lineWidth: 0 } }
 
 export default {
   mixins: [DirtyMixin],
@@ -138,7 +138,7 @@ export default {
     blocks () {
       try {
         if (!this.blocksDefinition) return {}
-        return YAML.parse(this.blocksDefinition, { prettyErrors: true })
+        return YAML.parse(this.blocksDefinition, { prettyErrors: true, toStringOptions })
       } catch (e) {
         return { component: 'Error', config: { error: e.message } }
       }
@@ -281,14 +281,14 @@ export default {
               }
             ]
           }
-        })
+        }, { toStringOptions })
         this.$nextTick(() => {
           this.loading = false
           this.ready = true
         })
       } else {
         this.$oh.api.get('/rest/ui/components/ui:blocks/' + this.uid).then((data) => {
-          this.$set(this, 'blocksDefinition', YAML.stringify(data))
+          this.$set(this, 'blocksDefinition', YAML.stringify(data, { toStringOptions }))
           this.$nextTick(() => {
             this.loading = false
             this.ready = true

bundles/org.openhab.ui/web/src/pages/developer/widgets/widget-edit.vue

@@ -100,14 +100,14 @@
 </style>
 
 <script>
-import YAML, { Schema } from 'yaml'
+import YAML from 'yaml'
 
 import ConfigSheet from '@/components/config/config-sheet.vue'
 import DirtyMixin from '@/pages/settings/dirty-mixin'
 
 import * as StandardListWidgets from '@/components/widgets/standard/list'
 
-Schema.toStringDefaults.lineWidth = 0
+const toStringOptions = { toStringDefaults: { lineWidth: 0 } }
 
 export default {
   mixins: [DirtyMixin],
@@ -152,7 +152,7 @@ export default {
     widget () {
       try {
         if (!this.widgetDefinition) return {}
-        return YAML.parse(this.widgetDefinition, { prettyErrors: true })
+        return YAML.parse(this.widgetDefinition, { prettyErrors: true, toStringOptions })
       } catch (e) {
         return { component: 'Error', config: { error: e.message } }
       }
@@ -235,14 +235,14 @@ export default {
             footer: '=props.prop1',
             content: '=items[props.item].displayState || items[props.item].state'
           }
-        })
+        }, { toStringOptions })
         this.$nextTick(() => {
           this.loading = false
           this.ready = true
         })
       } else {
         this.$oh.api.get('/rest/ui/components/ui:widget/' + this.uid).then((data) => {
-          this.$set(this, 'widgetDefinition', YAML.stringify(data))
+          this.$set(this, 'widgetDefinition', YAML.stringify(data, { toStringOptions }))
           this.$nextTick(() => {
             this.loading = false
             this.ready = true