fix: vue 2 support for provideLocal and injectLocal

packages/shared/injectLocal/index.test.ts

@@ -0,0 +1,48 @@
+import { type InjectionKey, defineComponent, h } from 'vue-demi'
+import { injectLocal, provideLocal } from '@vueuse/shared'
+import { describe, expect, it } from 'vitest'
+import { mount } from '../../.test'
+
+{
+  const CountKey: InjectionKey<number> | string = Symbol('count')
+  const ChildComponent = defineComponent({
+    setup() {
+      const count = injectLocal(CountKey)
+      expect(count).toBe(2333)
+
+      return () => h('div')
+    },
+  })
+
+  const RootComponent = defineComponent({
+    setup() {
+      provideLocal(CountKey, 2333)
+
+      return () => h(ChildComponent)
+    },
+  })
+  describe('provideLocal injectLocal cross component example', () => {
+    it('should work', () => {
+      mount(RootComponent)
+    })
+  })
+}
+
+{
+  const CountKey: InjectionKey<number> | string = Symbol('count')
+  const TheComponent = defineComponent({
+    setup() {
+      provideLocal(CountKey, 2333)
+      const count = injectLocal(CountKey)
+      expect(count).toBe(2333)
+
+      return () => h('div')
+    },
+  })
+
+  describe('provideLocal injectLocal same component example', () => {
+    it('should work', () => {
+      mount(TheComponent)
+    })
+  })
+}

packages/shared/injectLocal/index.ts

@@ -13,9 +13,9 @@ import { localProvidedStateMap } from '../provideLocal/map'
 // @ts-expect-error overloads are not compatible
 export const injectLocal: typeof inject = (...args) => {
   const key = args[0] as string | symbol
-  const instance = getCurrentInstance()
+  const instance = getCurrentInstance()?.proxy
   if (instance == null)
-    throw new Error('injectEnhancedAllowanceOfCallsFromTheSameComponent must be called in setup')
+    throw new Error('injectLocal must be called in setup')
 
   if (localProvidedStateMap.has(instance) && key in localProvidedStateMap.get(instance)!)
     return localProvidedStateMap.get(instance)![key]

packages/shared/provideLocal/index.ts

@@ -11,7 +11,7 @@ import { localProvidedStateMap } from './map'
  * ```
  */
 export const provideLocal: typeof provide = (key, value) => {
-  const instance = getCurrentInstance()
+  const instance = getCurrentInstance()?.proxy
   if (instance == null)
     throw new Error('provideLocal must be called in setup')
 

packages/shared/provideLocal/map.ts

@@ -1,3 +1,3 @@
 import type { getCurrentInstance } from 'vue-demi'
 
-export const localProvidedStateMap = new WeakMap<NonNullable<ReturnType<typeof getCurrentInstance>>, Record<string | symbol, any>>()
+export const localProvidedStateMap = new WeakMap<NonNullable<NonNullable<ReturnType<typeof getCurrentInstance>>['proxy']>, Record<string | symbol, any>>()