Uibuilder - extra vue enhancements

General
4

Thanks for your comments, i'm trying to digest them.

I have tried not to modify the default scripts to much as i'm learning as i go. changing one thing at a time and making sure it works.

I'm loading from house.html, this is the bottom for the file:

   <!-- REQUIRED: Sets up Socket listeners and the msg object -->
    <script src="./uibuilderfe.min.js"></script> 
    <script src="../uibuilder/vendor/vue-enhanced-check/dist/vue-enhanced-check.js"></script>
    
    <!-- OPTIONAL: You probably want this. Put your custom code here -->
     <script src="./house.js"></script>

and the house.js :


import { EnhancedCheck, EnhancedCheckGroup, EnhancedCheckRadio, EnhancedToggle } from 'vue-enhanced-check'
'use strict'

/** @see https://github.com/TotallyInformation/node-red-contrib-uibuilder/wiki/Front-End-Library---available-properties-and-methods */

import { EnhancedCheck, EnhancedCheckGroup, EnhancedCheckRadio, EnhancedToggle } from 'vue-enhanced-check'
export default {
    components: { EnhancedCheck, EnhancedCheckGroup, EnhancedCheckRadio, EnhancedToggle },
};

// eslint-disable-next-line no-unused-vars
var house = new Vue({
    el: '#app',
    data: {
        startMsg: 'Vue has started, waiting for messages',
        feVersion: '',
        centerLight: false,

the reset is the same as the default index.js

kind regards daniel

ps. i did look briefly @ the chart tools. but got a bit lost. I have been trying for a few days and don't like bothering you busy folk.