# @vuemodel/orion

> VueModel, Orion driver

Latest version **0.0.13** (published 2025-05-27) · MIT license · 0 weekly downloads

## Install

```sh
npm install @vuemodel/orion
pnpm add @vuemodel/orion
yarn add @vuemodel/orion
bun add @vuemodel/orion
```

## Health

**Score 35/100 (D)** — status: maintenance-mode.

Positive: has types; esm support; no vulnerabilities.

Warnings: low downloads; pre 1.0.

Negative: stale; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.0.13 |
| Published | 2025-05-27 |
| First published | 2024-01-04 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 2 |
| Unpacked size | 62.7 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 9 |
| Author | Luke Diebold |
| Maintainers | ldiebold |
| Keywords | vue, orm, model |

## Links

- npm: https://www.npmjs.com/package/@vuemodel/orion
- Repository: https://github.com/vuemodel/core
- Homepage: https://github.com/vuemodel/core#readme
- Issues: https://github.com/vuemodel/core/issues
- npm.io page: https://npm.io/package/@vuemodel/orion

## Dependencies (2)

- [qs](https://npm.io/package/qs.md) ^6.11.2
- [wretch](https://npm.io/package/wretch.md) ^2.8.0

## Alternatives

- [mobx-react](https://npm.io/package/mobx-react.md) — 2.8M weekly downloads
- [rc-tree](https://npm.io/package/rc-tree.md) — 2.6M weekly downloads
- [@react-oauth/google](https://npm.io/package/@react-oauth/google.md) — 1.3M weekly downloads
- [@wagmi/connectors](https://npm.io/package/@wagmi/connectors.md) — 877.0K weekly downloads
- [vee-validate](https://npm.io/package/vee-validate.md) — 836.4K weekly downloads

## Recent versions

- 0.0.13 (latest) — 2025-05-27
- 0.0.12 — 2025-03-12
- 0.0.11 — 2025-02-05
- 0.0.10 — 2025-02-04
- 0.0.9 — 2024-09-17
- 0.0.8 — 2024-06-04
- 0.0.7 — 2024-05-24
- 0.0.6 — 2024-03-22
- 0.0.5 — 2024-01-11
- 0.0.4 — 2024-01-06
- 0.0.3 — 2024-01-06
- 0.0.2 — 2024-01-05
- 0.0.1 — 2024-01-04

## README

# core
Core repository for contracts and drivers of VueModel

# WIP
VueModel aims to abstract the "play" between vue and the backend.

To start, it will be solely focused on using the composition API and aim to have drivers for:
- Strapi
- Laravel (Using [Laravel Orion](https://github.com/tailflow/laravel-orion))
- Supabase (Which already contains a [Proof of Concept](https://github.com/vuemodel/supabase))

I'll likely focus on support for **GraphQl** when those three are implemented.

# A little more...
The idea, is that you'll be able to easily "sync" your frontend and backend data with code like this:

```vue
<script setup>
const { form, create, creating, error } = useModel(Todo)
</script>

<template>
<input v-model="form.title">

<button :disabled="creating" @click="create">create</button>

<span v-if="creating">creating...</span>
<span v-if="error">{{ error.message }}</span>
</template>
```

Yes, related data too!

```js
const { include, fetch, fetching, errors, collection: todos } = useModelCollection(TodoList)

include.value = [
  'author',
  'todos.comments'
]

async function fetchTodos () {
  await fetch()
  console.log(errors)
  console.log(todos.value)
}
```

Note the `consle.log(todos.value)`. This library will also manage state (using [Vuex ORM](https://github.com/vuex-orm/vuex-orm)... but state will also adhere to contracts that we'll be able to swap out!)

Code like the above always works the same way, and the final abstraction can be unified among backends! And that's the goal of this library:
**Frontend/Backend Unification**

Stay tuned!

---
_Source: https://npm.io/package/@vuemodel/orion · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._