Trying to inject but throws undefined

[starredev]

I'm trying to impelement vue-gates from https://github.com/thonymg/vue-zo

Inject from vue is not giving the instance and throws undefined but when I inject it right in App.vue it works fine

Wondering if someone knows why this happen

import { inject } from 'vue'
import { defineStore } from "pinia";

export const useGatesStore = defineStore("api", () => {
  const $zo = inject("$zo");
  
  const setRoles = () => {
    console.log($zo)
  }

  return {
    setRoles
  };
})