Fluent.vue

<script>
import Vue from "vue";

export default {
  props: ["default"],

  data() {
    return {
      attributes: {},
    };
  },

  mounted() {
    if (typeof this.default === "object") {
      this.attributes = this.default;
    }
  },

  render() {
    const vm = this;

    const props = new Proxy(
      {
        attributes: vm.attributes,
      },
      {
        get: (target, key) => {
          if (key === "attributes") {
            return vm.attributes;
          }

          if (key === "__ob__") {
            return vm["__ob__"];
          }

          if (key === "_isVue") {
            return false;
          }

          return vm.attributes[key];
        },
        set(target, key, value) {
          Vue.set(vm.attributes, key, value);

          return true;
        },
      }
    );

    return this.$scopedSlots.default(props);
  },
};
</script>