Quasar App Extension For VuexORM

Streamline integrating VuexORM with Quasar!

Features

• Auto import and register models!
• Easily create new models using Quasar's cli
• models aliases already registered for you

Install

quasar ext add vuex-orm

Notice you now have

• A src/models directory (with an example User.js model)
• A Vuex Plugin that helps streamline installation: src/store/QuasarVuexOrmPlugin.js

Dive into src/store/index.js and use the plugin:

import { store } from 'quasar/wrappers'
import { createStore } from 'vuex'
import QuasarVuexOrmPlugin from './QuasarVuexOrmPlugin'
                               /*🤿^^^^^^^^^^^^^^^^^^^^*/

export default store(function () {
  const Store = createStore({
    plugins: [QuasarVuexOrmPlugin()],
            /*🤿^^^^^^^^^^^^^^^^^^^^*/
    strict: process.env.DEBUGGING
  })

  return Store
})

Create your first model

Creating models is easy! Quasar VuexORM registers a new:model command. Check it out...

quasar run vuex-orm new:model Todo

You may want to turn the above command into an alias 😉

Note that this model is automatically registered for you. In other words it does NOT need to be manually registered into the vuex-orm database... Open vue dev tools and take a look!

IDE Support

You almost certainly want to add the models alias to your paths in jsconfig.json:

{
  "compilerOptions": {
    ...
    "paths": {
      ...
      "models/*": [
        "src/models/*"
      ]
      ...
    }
  },
  ...
}

Want to learn VuexORM?

If you'd like to learn VuexORM, checkout the amazing VuexORM docs, or this YouTube series.

Donate

If you appreciate the work that went into this App Extension, please consider donating to Quasar.