fix: resolve useZIndex inject warning

Author: jd-solanki

packages/anu-vue/src/composables/useZIndex.ts

@@ -1,15 +1,19 @@
 import { isNumber } from '@antfu/utils'
-import { computed, inject, ref } from 'vue'
+import { type App, computed, inject, ref } from 'vue'
 
 import { ANU_Z_INDEX } from '@/symbols'
 
 const zIndexCounter = ref(0)
 
-export const useZIndex = createGlobalState((defaultBaseZIndex?: number) => {
-  if (!defaultBaseZIndex)
+export const useZIndex = createGlobalState((defaultBaseZIndex?: number, app?: App) => {
+  if (!defaultBaseZIndex || !app)
     throw new Error('[Anu] `useZIndex` composable must be initialized before usage.')
 
-  const injectedZIndex = inject(ANU_Z_INDEX)
+  let injectedZIndex: Ref<number | undefined> | undefined
+
+  app.runWithContext(() => {
+    injectedZIndex = inject(ANU_Z_INDEX, undefined)
+  })
 
   const baseZIndex = computed(() => {
     const injectedZIndexValue = injectedZIndex?.value

packages/anu-vue/src/plugin.ts

@@ -114,6 +114,6 @@ export const plugin = {
     })
 
     // Initialize useZIndex composable
-    useZIndex(config.baseZIndex)
+    useZIndex(config.baseZIndex, app)
   },
 }

packages/anu-vue/src/symbols.ts

@@ -3,4 +3,4 @@ import type { PluginOptions } from '@/plugin'
 
 export const ANU_CONFIG = Symbol('ANU_CONFIG') as InjectionKey<PluginOptions>
 export const ANU_PROPS_DEFAULTS = Symbol('ANU_PROPS_DEFAULTS') as InjectionKey<MaybeRef<PluginOptions['propsDefaults']>>
-export const ANU_Z_INDEX: InjectionKey<Ref<number | undefined>> = Symbol('zIndexContextKey')
+export const ANU_Z_INDEX = Symbol('ANU_Z_INDEX') as InjectionKey<Ref<number | undefined>>