feat: Implement createContext, Provider, and Consumer apis

Author: just-be-dev

src/Consumer.js

@@ -0,0 +1,11 @@
+export default function Consumer(context) {
+  return {
+    data: () => ({
+      context
+    }),
+    render(h) {
+      console.log(context.value);
+      return this.$scopedSlots.default(this.context.value);
+    }
+  };
+}

src/Provider.js

@@ -0,0 +1,22 @@
+export default function Provider(context, defaultValue) {
+  return {
+    Provider: {
+      props: {
+        value: {
+          default: () => defaultValue
+        }
+      },
+      created() {
+        context.value = this.value;
+      },
+      watch: {
+        value(v) {
+          context.value = v;
+        }
+      },
+      render(h) {
+        return this.$slots.default[0];
+      }
+    }
+  };
+}

src/createContext.js

@@ -0,0 +1,10 @@
+import Provider from "./Provider";
+import Consumer from "./Consumer";
+
+export const createContext = defaultValue => {
+  let context = {};
+  return {
+    Provider: Provider(context, defaultValue),
+    Consumer: Consumer(context)
+  };
+};

src/index.js

@@ -0,0 +1 @@
+export { createContext } from "./createContext";