Dependency Injection Inheritance: Solution A

Author: benjamin-larsen

packages/runtime-core/src/apiInject.ts

@@ -16,17 +16,7 @@ export function provide<T, K = InjectionKey<T> | string | number>(
       warn(`provide() can only be used inside setup().`)
     }
   } else {
-    let provides = currentInstance.provides
-    // by default an instance inherits its parent's provides object
-    // but when it needs to provide values of its own, it creates its
-    // own provides object using parent provides object as prototype.
-    // this way in `inject` we can simply look up injections from direct
-    // parent and let the prototype chain do the work.
-    const parentProvides =
-      currentInstance.parent && currentInstance.parent.provides
-    if (parentProvides === provides) {
-      provides = currentInstance.provides = Object.create(parentProvides)
-    }
+    const provides = currentInstance.provides
     // TS doesn't allow symbol as index type
     provides[key as string] = value
   }

packages/runtime-core/src/component.ts

@@ -633,7 +633,7 @@ export function createComponentInstance(
     exposeProxy: null,
     withProxy: null,
 
-    provides: parent ? parent.provides : Object.create(appContext.provides),
+    provides: parent ? Object.create(parent.provides) : Object.create(appContext.provides),
     ids: parent ? parent.ids : ['', 0, 0],
     accessCache: null!,
     renderCache: [],