Yet another NodeCG plugin for Vue.
npm install onorix
import Vue from "vue";
import Onorix from "onorix";
Vue.use(Onorix);
const app = new Vue({
replicants: {
/**
* Declares a `lorem` replicant.
*/
lorem: {},
/**
* Declares a `dolor` replicant but accessible from `ipsum`.
*/
ipsum: {
name: "dolor",
},
/**
* Declares a `sit` replicant with the given options.
*/
sit: {
defaultValue: "Spark",
persistent: false,
},
/**
* Declares a `amet` replicant from the `acta` namespace.
*/
amet: {
namespace: "acta",
},
},
created() {
console.log(this.$replicants.lorem);
},
});
If prefer decorators, you can declare replicants with @Replicant
.
The main difference with the previous example is that a computed property is being defined as well.
import { Replicant } from "onorix";
import { Component, Vue } from "vue-property-decorators";
@Component
class App extends Vue {
@Replicant() lorem;
@Replicant({ name: "dolor" }) ipsum;
@Replicant({ defaultValue: "Spark", persistent: false }) sit;
@Replicant({ namespace: "acta" }) amet;
created() {
console.log(this.$replicants.lorem.value === this.lorem);
}
}
Alexandre Breteau - @0xSeldszar
MIT © Alexandre Breteau