# Uibuilder - extra vue enhancements

**URL:** <https://discourse.nodered.org/t/uibuilder-extra-vue-enhancements/14527>\
**Category:** General\
**Created:** [20 August 2019 06:52 UTC](https://discourse.nodered.org/t/uibuilder-extra-vue-enhancements/14527 "2019-08-20T06:52:46Z")\
**Posts on this page:** 1\
**Showing post:** 4

<div class="post-metadata">

**Author:** ![greenembrace](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/greenembrace/32/42414_2.png) [@greenembrace](https://discourse.nodered.org/u/greenembrace)\
**Post date:** [20 August 2019 08:17 UTC](https://discourse.nodered.org/t/uibuilder-extra-vue-enhancements/14527/4 "2019-08-20T08:17:22Z")

</div>

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:

```auto
   <!-- 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 :

```auto

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.

---

_[View the full topic](https://discourse.nodered.org/t/uibuilder-extra-vue-enhancements/14527)._