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);
  },
});

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);
  }
}