How to set up pinia orm

[nagisaando]

Hello, I want to use Pinia with Pinia orm in vue 2 but I can not really understand how to set it up.

I followed the getting started section from vuex orm: https://vuex-orm.org/guide/prologue/getting-started.html#setup, and trying to insert data but looks like it is not working well.

the step I took,

1. Installed pinia and pinia orm
2. added code in main.js as:

import Vue from "vue";
import App from "./App.vue";
import { createPinia, PiniaVuePlugin } from "pinia";
import PiniaORM from "pinia-orm";

Vue.use(PiniaVuePlugin);

const pinia = createPinia().use(PiniaORM.install());
new Vue({
  render: (h) => h(App),
  pinia,
}).$mount("#app");

3. added models for user and post

// src/models/user.js
import { Model } from "pinia-orm";

export default class User extends Model {
  static entity = "users";

  static fields() {
    return {
      id: this.uid(),
      name: this.attr(""),
      email: this.attr(""),
    };
  }
}

// src/models/post.js

import { Model } from "pinia-orm";
import User from "./user";

export default class Post extends Model {
  static entity = "posts";

  static fields() {
    return {
      id: this.uid(),
      user_id: this.attr(null),
      title: this.attr(""),
      body: this.attr(""),
      published: this.attr(false),
      author: this.belongsTo(User, "user_id"),
    };
  }
}

4. App.vue

// syntax is composition API because I installed composition API and setup script plugin

<script setup>
import { useRepo } from "pinia-orm";
import Post from "@/models/post";

const posts = [
  {
    id: 1,
    title: "Hello, world!",
    body: "Some awesome body...",
    author: {
      id: 1,
      name: "John Doe",
      email: "john@example.com",
    },
  }
];

const postRepo = useRepo(Post);
postRepo.insert({ data: posts });

</script>

and this is what I get in pinia

When I follow same thing in vuex orm, I get this

I also try to register to database as vuex orm but I got error says;

// main.js
import Vue from "vue";
import App from "./App.vue";
import { createPinia, PiniaVuePlugin } from "pinia";
import PiniaORM from "pinia-orm";

import User from "@/models/user";
import Post from "@/models/post";

Vue.use(PiniaVuePlugin);
const database = new PiniaORM.Database();

database.register(useRepo(User));
database.register(useRepo(Post));


const pinia = createPinia().use(PiniaORM.install());
new Vue({
  render: (h) => h(App),
  pinia,
}).$mount("#app");

Thank you so much for your great work, and any suggestion is appreciated 🙏

[CodeDredd]

Hey @nagisaando ,

you don't need to register anything to the database. Pinia works by design different. I haven't yet implemented a pinia store which can be handled like a vuex-orm database.
In most use cases you dont need such thing as database because pinia is used by composables.

Please also look at the vuex-orm-next doc ->https://next.vuex-orm.org/guide/prologue/getting-started.html#setup because pinia-orm is based on it.

[nagisaando]

Ah thank you, I was looking at the wrong doc. Now it's working as expected. Thank you so much!