Documentation for Nuxt 3 @pinia-orm/axios integration.

[georgyKurian]

Describe the feature

I was trying to use pinia-orm axios plugin with Nuxt3 project. I couldn't find any documentation or examples on how to integrate in Nuxt 3 projects. I tried creating using below plugin code, but it didnt work for me.

import { createORM } from 'pinia-orm';
import { setActivePinia } from 'pinia';
import { defineNuxtPlugin } from '#app';

import { piniaOrmPluginAxios } from '@pinia-orm/axios';

export default defineNuxtPlugin((nuxtApp) => {
  const piniaOrm = createORM();
  piniaOrm().use(piniaOrmPluginAxios);
  nuxtApp.$pinia.use(piniaOrm);
  setActivePinia(nuxtApp.$pinia);
});

Having a documentation or an example for this would be good.

Additional information

• Would you be willing to help implement this feature?

Final checks

• Check existing discussions and issues.

[maarten-mald-digital]

Would also like to know how to implement in Nuxt

[seddie62]

Leaving this here for anyone who needs it. This is the implementation that worked for nuxt 3, pinia orm and pinia orm axios. Create a file under the plugins folder with this

import { defineNuxtPlugin } from '#app'
import { createPiniaOrmAxios } from '@pinia-orm/axios'
import axios from 'axios'
import { setActivePinia } from 'pinia'
import { createORM } from 'pinia-orm'

export default defineNuxtPlugin({
  name: 'pinia-orm',
  dependsOn: ['pinia'],
  async setup() {
    const pinia = usePinia()
    const piniaOrmAxios = createORM({
      plugins: [
        createPiniaOrmAxios({
          axios,
          // piniaormOptions
        }),
      ],
    })
    pinia.use(piniaOrmAxios)
    setActivePinia(pinia)
  },
})