getActivePinia was called with no active Pinia. Did you forget to install pinia? #406

MHassanSaqib · 2022-10-02T20:19:03Z

MHassanSaqib
Oct 2, 2022

I am using quasar framework. And I am getting errors while using Pinia ORM as per documentation. The error is listed below.
getActivePinia was called with no active Pinia. Did you forget to install pinia?

My code is


import ProfileCard from "src/components/ProfileCard.vue";
  import { ref, onMounted, computed } from "vue";
  import { api } from "boot/axios";
  import { useQuasar } from "quasar";
  import { useRepo } from "pinia-orm";
  import Profile from "../models/Profile.js";

export default {
  components: { ProfileCard },
  name: "HomePage",

  setup() {
    const $q = useQuasar();

    const profileRepo = useRepo(Profile);

    const loading = ref(true);

    function loadData() {
      api
        .get("/profiles")
        .then((response) => {
          profileRepo.save(response.data.profiles);
          loading.value = false;
        })
        .catch((e) => {
          console.log(e);
          $q.notify({
            color: "negative",
            position: "top",
            message: "Loading failed",
            icon: "report_problem",
          });
        });
    }

    onMounted(() => {
      loadData();
    });

    return {
      profile,
      profiles,
      loadData,
      loading,
    };
  },
};

Inside store/index.js, my code looks like:


import { store } from "quasar/wrappers";
import { createPinia } from "pinia";
import { createORM } from "pinia-orm";

/*
 * If not building with SSR mode, you can
 * directly export the Store instantiation;
 *
 * The function below can be async too; either use
 * async/await or return a Promise which resolves
 * with the Store instance.
 */

export default store((/* { ssrContext } */) => {
  const pinia = createPinia().use(createORM());

  // You can add Pinia plugins here
  // pinia.use(SomePiniaPlugin)

  return pinia;
});

What I am doing wrong here?