
Security News
Bun 1.2.19 Adds Isolated Installs for Better Monorepo Support
Bun 1.2.19 introduces isolated installs for smoother monorepo workflows, along with performance boosts, new tooling, and key compatibility fixes.
nodecg-vue
Advanced tools
[](https://www.npmjs.com/package/nodecg-vue) [ was taken from the Polymer component library, NodeCGElements. Thanks Lange.
Component | Base Component | Status |
---|---|---|
nodecg-text | v-text-field | |
nodecg-toggle | v-button | |
nodecg-select | v-select | |
nodecg-combobox | v-combobox | |
nodecg-list | v-list | |
nodecg-menu | v-menu | |
nodecg-time-picker | v-time-picker |
npm install nodecg-vue
import Vue from 'vue';
import Vuetify from 'vuetify';
import NodeCGVue from 'nodecg-vue';
import 'vuetify/dist/vuetify.min.css';
Vue.use(Vuetify);
Vue.use(NodeCGVue);
import MyComponent from './MyComponent.vue';
new Vue({
render: h => h(MyComponent)
}).$mount('#app');
Examples and description for the components can be found in each component's README. Click the name of an element above to go there.
As each component is just an extended Vuetify component, all the props, slots and events that you would expect are available.
Every component has at least the following props added to interface with the replicant:
window.nodecg
), this defaults to the current bundle (window.nodecg.bundleName
).The most needed thing at this stage is testing and feedback. If you encounter any bugs or have a feature request, an issue or PR would be much appreciated.
FAQs
[](https://www.npmjs.com/package/nodecg-vue) [ to steal credentials via fake login pages - watch out for similar scams.